@react-hive/honey-layout 2.6.1 → 2.8.0

package/dist/components/HoneyBox.d.ts

@@ -1,8 +1,8 @@
 import { HTMLAttributes } from 'react';
 import { HoneyPrefixedCSSProperties, HoneyModifierResultFn } from '../types';
 export type HoneyBoxProps = HoneyPrefixedCSSProperties & {
-    modifiers?: HoneyModifierResultFn[];
+    modifiers?: HoneyModifierResultFn<object>[];
 };
 export declare const HoneyBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HTMLAttributes<HTMLDivElement> & HoneyPrefixedCSSProperties & {
-    modifiers?: HoneyModifierResultFn[];
+    modifiers?: HoneyModifierResultFn<object>[];
 }>> & string;

package/dist/components/HoneyFlexBox.d.ts

@@ -1,5 +1,5 @@
 export declare const HoneyFlexBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$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" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$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" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | keyof import('react').HTMLAttributes<HTMLDivElement> | "modifiers"> & import('react').HTMLAttributes<HTMLDivElement> & import('..').HoneyPrefixedCSSProperties & {
-    modifiers?: import('..').HoneyModifierResultFn[];
+    modifiers?: import('..').HoneyModifierResultFn<object>[];
 }, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;

package/dist/components/HoneyGrid/HoneyGrid.d.ts

@@ -29,7 +29,7 @@ export type HoneyGridProps = HoneyGridStyledProps & {
     applyColumnMaxWidth?: HoneyGridColumnStyledProps['applyMaxWidth'];
 };
 export declare const HoneyGrid: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import('../../types').HoneyPrefixedCSSProperties & {
-    modifiers?: import('../../types').HoneyModifierResultFn[];
+    modifiers?: import('../../types').HoneyModifierResultFn<object>[];
 } & {
     columnHeight?: import('csstype').Properties["height"];
     minColumnHeight?: import('csstype').Properties["minHeight"];

package/dist/components/HoneyGrid/HoneyGrid.styled.d.ts

@@ -18,7 +18,7 @@ export type HoneyGridStyledProps = HTMLAttributes<HTMLDivElement> & HoneyBoxProp
     spacing?: number;
 };
 export declare const HoneyGridStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$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" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$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" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | keyof HTMLAttributes<HTMLDivElement> | "modifiers"> & HTMLAttributes<HTMLDivElement> & import('../..').HoneyPrefixedCSSProperties & {
-    modifiers?: import('../..').HoneyModifierResultFn[];
+    modifiers?: import('../..').HoneyModifierResultFn<object>[];
 }, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
 }, HoneyGridStyledProps>> & string;

package/dist/components/HoneyGridColumn/HoneyGridColumn.styled.d.ts

@@ -30,7 +30,7 @@ export type HoneyGridColumnStyledProps = HTMLAttributes<HTMLDivElement> & HoneyB
  * and the spacing between columns.
  */
 export declare const HoneyGridColumnStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$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" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$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" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | keyof HTMLAttributes<HTMLDivElement> | "modifiers"> & HTMLAttributes<HTMLDivElement> & import('../../types').HoneyPrefixedCSSProperties & {
-    modifiers?: import('../../types').HoneyModifierResultFn[];
+    modifiers?: import('../../types').HoneyModifierResultFn<object>[];
 }, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
 }, never>, HoneyGridColumnStyledProps>> & string;

package/dist/components/HoneyLoopingList/HoneyLoopingList.d.ts

@@ -4,7 +4,7 @@ import { HoneyBoxProps } from '../HoneyBox';
 import { HoneyListItem, HoneyListGenericProps } from '../HoneyList';
 type HoneyLoopingListDirection = 'vertical' | 'horizontal';
 export declare const HoneyLoopingListStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$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" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$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" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | keyof React.HTMLAttributes<HTMLDivElement> | "modifiers"> & React.HTMLAttributes<HTMLDivElement> & import('../../types').HoneyPrefixedCSSProperties & {
-    modifiers?: import('../../types').HoneyModifierResultFn[];
+    modifiers?: import('../../types').HoneyModifierResultFn<object>[];
 }, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;

package/dist/components/HoneyOverlay.d.ts

@@ -1,11 +1,22 @@
 import { ReactNode, HTMLAttributes } from 'react';
 import { HoneyActiveOverlay, HoneyOverlayId, Nullable } from '../types';
 import { HoneyBoxProps } from './HoneyBox';
-export type HoneyOverlayProps = HTMLAttributes<HTMLDivElement> & HoneyBoxProps & {
+type OverlayContext = {
     /**
-     * The content of the overlay, either as static nodes or a function that receives the active overlay object.
+     * The current overlay instance, including methods and metadata for managing the overlay.
      */
-    children: ReactNode | ((overlay: Nullable<HoneyActiveOverlay>) => ReactNode);
+    overlay: Nullable<HoneyActiveOverlay>;
+    /**
+     * Function to deactivate the overlay. Typically, triggers the `onDeactivate` callback.
+     */
+    deactivateOverlay: () => void;
+};
+export type HoneyOverlayProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & HoneyBoxProps & {
+    /**
+     * The content of the overlay, either as static nodes or a function that receives the object
+     * with the current overlay state and helper methods.
+     */
+    children: ReactNode | ((overlayContext: OverlayContext) => ReactNode);
     /**
      * Determines whether the overlay is currently active.
      */
@@ -15,13 +26,20 @@ export type HoneyOverlayProps = HTMLAttributes<HTMLDivElement> & HoneyBoxProps &
      */
     overlayId?: HoneyOverlayId;
     /**
-     * Callback invoked when the overlay is closed.
+     * Callback function invoked when the overlay is deactivated.
+     * Typically called when the "Escape" key is pressed or another user-defined action triggers deactivation.
      */
-    onClose: () => void;
+    onDeactivate: () => void;
 };
 /**
- * Component for creating overlays that can handle active states and keyboard interactions.
+ * A reusable overlay component that manages active states and keyboard interactions.
+ *
+ * The `HoneyOverlay` component integrates with the `useRegisterHoneyOverlay` hook to:
+ * - Automatically register/deregister the overlay.
+ * - Handle keyboard events, such as closing the overlay with the "Escape" key.
+ * - Provide a context to dynamically manage overlay content and state.
  *
- * @param {HoneyOverlayProps} props - The properties for configuring the overlay.
+ * @param {HoneyOverlayProps} props - The properties used to configure the overlay.
  */
-export declare const HoneyOverlay: ({ children, isActive, overlayId, onClose, ...props }: HoneyOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HoneyOverlay: ({ children, isActive, overlayId, onDeactivate, ...props }: HoneyOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export * from './providers';
 export * from './hooks';
 export * from './utils';
 export * from './helpers';
+export * from './modifiers';

package/dist/index.js

@@ -1,4 +1,4 @@
-import Re, { css as we, useTheme as hr, ThemeProvider as gr, ThemeContext as cn } from "styled-components";
+import Re, { css as ye, useTheme as hr, ThemeProvider as gr, ThemeContext as cn } from "styled-components";
 import vr, { createContext as yr, forwardRef as mr, useMemo as _t, useContext as Xt, Fragment as un, useState as xt, useEffect as pe, useRef as Le, useCallback as Ae } from "react";
 const ln = [
   'a[href]:not([tabindex="-1"])',
@@ -172,7 +172,7 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
   return o !== void 0 ? vn(c, o) : c;
 }, xn = (n) => ({ theme: o }) => {
   const i = o.fonts[n];
-  return we`
+  return ye`
       font-family: ${i.family};
       font-size: ${Vt(i.size)};
       font-weight: ${i.weight};
@@ -185,10 +185,10 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
     return En(n) && (typeof s == "number" || Array.isArray(s)) ? Tt(s, "px") : Sn(n) && typeof s == "string" && wn(s) ? bt(s) : s;
 }, Cn = (n, o) => Object.entries(n).filter(
   ([i, s]) => _r(i) && o === "xs" || s && typeof s == "object" && o in s
-), xr = (n) => ({ theme: o, ...i }) => we`
+), xr = (n) => ({ theme: o, ...i }) => ye`
     ${Cn(i, n).map(([s, f]) => {
   const c = s.slice(1);
-  return we`
+  return ye`
         ${hn(c)}: ${Rn(
     c,
     f,
@@ -219,7 +219,7 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
       }
     ])
   };
-}, yt = (n) => ({ theme: o, ...i }) => !o.breakpoints[n] || !On(n, i) ? null : we`
+}, yt = (n) => ({ theme: o, ...i }) => !o.breakpoints[n] || !On(n, i) ? null : ye`
       ${Tr(n).up} {
         ${xr(n)};
       }
@@ -249,8 +249,8 @@ const Zn = (n, o) => typeof o == "string" ? pn(n) : !0, hn = (n) => n.replace(/[
     isXl: c === "xl"
   };
 }, Et = Re.div`
-  ${({ modifiers: n }) => we`
-    ${n == null ? void 0 : n.map((o) => o())};
+  ${({ modifiers: n }) => ye`
+    ${n};
 
     ${xr("xs")};
 
@@ -264,7 +264,7 @@ St.defaultProps = {
   $display: "flex",
   $flexDirection: "column"
 };
-var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var we = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Er(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
@@ -317,10 +317,10 @@ function jn() {
       {
         for (var u = arguments.length, d = new Array(u > 1 ? u - 1 : 0), m = 1; m < u; m++)
           d[m - 1] = arguments[m];
-        ye("error", t, d);
+        me("error", t, d);
       }
     }
-    function ye(t, u, d) {
+    function me(t, u, d) {
       {
         var m = z.ReactDebugCurrentFrame, R = m.getStackAddendum();
         R !== "" && (u += "%s", d = d.concat([R]));
@@ -332,7 +332,7 @@ function jn() {
     }
     var he = !1, x = !1, _ = !1, C = !1, K = !1, ne;
     ne = Symbol.for("react.module.reference");
-    function me(t) {
+    function be(t) {
       return !!(typeof t == "string" || typeof t == "function" || t === s || t === c || K || t === f || t === b || t === v || C || t === j || he || x || _ || typeof t == "object" && t !== null && (t.$$typeof === E || t.$$typeof === y || t.$$typeof === l || t.$$typeof === g || t.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
@@ -394,14 +394,14 @@ function jn() {
         }
       return null;
     }
-    var q = Object.assign, le = 0, fe, be, _e, $e, ke, Ce, ge;
+    var q = Object.assign, le = 0, fe, _e, xe, $e, ke, Ce, ge;
     function O() {
     }
     O.__reactDisabledLog = !0;
     function He() {
       {
         if (le === 0) {
-          fe = console.log, be = console.info, _e = console.warn, $e = console.error, ke = console.group, Ce = console.groupCollapsed, ge = console.groupEnd;
+          fe = console.log, _e = console.info, xe = console.warn, $e = console.error, ke = console.group, Ce = console.groupCollapsed, ge = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -434,10 +434,10 @@ function jn() {
               value: fe
             }),
             info: q({}, t, {
-              value: be
+              value: _e
             }),
             warn: q({}, t, {
-              value: _e
+              value: xe
             }),
             error: q({}, t, {
               value: $e
@@ -610,7 +610,7 @@ function jn() {
       }
     }
     var Ye = Array.isArray;
-    function xe(t) {
+    function Te(t) {
       return Ye(t);
     }
     function de(t) {
@@ -789,7 +789,7 @@ Check the top-level render call using <` + d + ">.");
       {
         if (typeof t != "object")
           return;
-        if (xe(t))
+        if (Te(t))
           for (var d = 0; d < t.length; d++) {
             var m = t[d];
             ie(m) && ft(m, u);
@@ -844,14 +844,14 @@ Check the top-level render call using <` + d + ">.");
     var dt = {};
     function pt(t, u, d, m, R, L) {
       {
-        var S = me(t);
+        var S = be(t);
         if (!S) {
           var T = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var Y = jt();
           Y ? T += Y : T += ut();
           var F;
-          t === null ? F = "null" : xe(t) ? F = "array" : t !== void 0 && t.$$typeof === o ? (F = "<" + (U(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : F = typeof t, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, T);
+          t === null ? F = "null" : Te(t) ? F = "array" : t !== void 0 && t.$$typeof === o ? (F = "<" + (U(t.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : F = typeof t, A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, T);
         }
         var H = ct(t, u, d, R, L);
         if (H == null)
@@ -860,7 +860,7 @@ Check the top-level render call using <` + d + ">.");
           var J = u.children;
           if (J !== void 0)
             if (m)
-              if (xe(J)) {
+              if (Te(J)) {
                 for (var ae = 0; ae < J.length; ae++)
                   re(J[ae], t);
                 Object.freeze && Object.freeze(J);
@@ -872,15 +872,15 @@ Check the top-level render call using <` + d + ">.");
         if (Oe.call(u, "key")) {
           var se = U(t), V = Object.keys(u).filter(function(Dt) {
             return Dt !== "key";
-          }), Ee = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!dt[se + Ee]) {
+          }), Se = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!dt[se + Se]) {
             var ht = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             A(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ee, se, ht, se), dt[se + Ee] = !0;
+  <%s key={someKey} {...props} />`, Se, se, ht, se), dt[se + Se] = !0;
           }
         }
         return t === s ? $t(H) : At(H), H;
@@ -889,10 +889,10 @@ React keys must be passed directly to JSX without using spread:
     function kt(t, u, d) {
       return pt(t, u, d, !0);
     }
-    function Te(t, u, d) {
+    function Ee(t, u, d) {
       return pt(t, u, d, !1);
     }
-    var Ht = Te, It = kt;
+    var Ht = Ee, It = kt;
     et.Fragment = s, et.jsx = Ht, et.jsxs = It;
   }()), et;
 }
@@ -904,10 +904,10 @@ var G = Ln();
 const Sr = Re(St)`
   ${({ columns: n, takeColumns: o = 1, spacing: i = 0, applyMaxWidth: s, theme: f }) => {
   const c = 100 / n, l = Tt(i, null)({ theme: f }), g = o * c, p = (n - o) * (l / n), b = `calc(${g}% - ${p}px)`;
-  return we`
+  return ye`
       flex-basis: ${b};
 
-      ${s && we`
+      ${s && ye`
         ${Tr(s).up} {
           max-width: ${b};
         }
@@ -915,7 +915,7 @@ const Sr = Re(St)`
     `;
 }}
 `, wr = Re(Et)`
-  ${({ columnHeight: n, minColumnHeight: o, spacing: i = 0 }) => we`
+  ${({ columnHeight: n, minColumnHeight: o, spacing: i = 0 }) => ye`
     display: flex;
     gap: ${Tt(i)};
 
@@ -1011,28 +1011,28 @@ var Gt, dr;
 function In() {
   if (dr) return Gt;
   dr = 1;
-  var n = "Expected a function", o = NaN, i = "[object Symbol]", s = /^\s+|\s+$/g, f = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, l = /^0o[0-7]+$/i, g = parseInt, p = typeof Se == "object" && Se && Se.Object === Object && Se, b = typeof self == "object" && self && self.Object === Object && self, v = p || b || Function("return this")(), y = Object.prototype, E = y.toString, j = Math.max, M = Math.min, W = function() {
+  var n = "Expected a function", o = NaN, i = "[object Symbol]", s = /^\s+|\s+$/g, f = /^[-+]0x[0-9a-f]+$/i, c = /^0b[01]+$/i, l = /^0o[0-7]+$/i, g = parseInt, p = typeof we == "object" && we && we.Object === Object && we, b = typeof self == "object" && self && self.Object === Object && self, v = p || b || Function("return this")(), y = Object.prototype, E = y.toString, j = Math.max, M = Math.min, W = function() {
     return v.Date.now();
   };
   function X(x, _, C) {
-    var K, ne, me, ue, B, U, q = 0, le = !1, fe = !1, be = !0;
+    var K, ne, be, ue, B, U, q = 0, le = !1, fe = !1, _e = !0;
     if (typeof x != "function")
       throw new TypeError(n);
-    _ = he(_) || 0, z(C) && (le = !!C.leading, fe = "maxWait" in C, me = fe ? j(he(C.maxWait) || 0, _) : me, be = "trailing" in C ? !!C.trailing : be);
-    function _e(k) {
+    _ = he(_) || 0, z(C) && (le = !!C.leading, fe = "maxWait" in C, be = fe ? j(he(C.maxWait) || 0, _) : be, _e = "trailing" in C ? !!C.trailing : _e);
+    function xe(k) {
       var N = K, ee = ne;
       return K = ne = void 0, q = k, ue = x.apply(ee, N), ue;
     }
     function $e(k) {
-      return q = k, B = setTimeout(ge, _), le ? _e(k) : ue;
+      return q = k, B = setTimeout(ge, _), le ? xe(k) : ue;
     }
     function ke(k) {
       var N = k - U, ee = k - q, oe = _ - N;
-      return fe ? M(oe, me - ee) : oe;
+      return fe ? M(oe, be - ee) : oe;
     }
     function Ce(k) {
       var N = k - U, ee = k - q;
-      return U === void 0 || N >= _ || N < 0 || fe && ee >= me;
+      return U === void 0 || N >= _ || N < 0 || fe && ee >= be;
     }
     function ge() {
       var k = W();
@@ -1041,7 +1041,7 @@ function In() {
       B = setTimeout(ge, ke(k));
     }
     function O(k) {
-      return B = void 0, be && K ? _e(k) : (K = ne = void 0, ue);
+      return B = void 0, _e && K ? xe(k) : (K = ne = void 0, ue);
     }
     function He() {
       B !== void 0 && clearTimeout(B), q = 0, K = U = ne = B = void 0;
@@ -1055,7 +1055,7 @@ function In() {
         if (B === void 0)
           return $e(U);
         if (fe)
-          return B = setTimeout(ge, _), _e(U);
+          return B = setTimeout(ge, _), xe(U);
       }
       return B === void 0 && (B = setTimeout(ge, _)), ue;
     }
@@ -1068,13 +1068,13 @@ function In() {
   function A(x) {
     return !!x && typeof x == "object";
   }
-  function ye(x) {
+  function me(x) {
     return typeof x == "symbol" || A(x) && E.call(x) == i;
   }
   function he(x) {
     if (typeof x == "number")
       return x;
-    if (ye(x))
+    if (me(x))
       return o;
     if (z(x)) {
       var _ = typeof x.valueOf == "function" ? x.valueOf() : x;
@@ -1161,7 +1161,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
     }, A = (_) => {
       const C = _.touches[0];
       X(C.clientX, C.clientY);
-    }, ye = () => {
+    }, me = () => {
       g = !1;
     }, he = (_) => {
       X(_.clientX, _.clientY);
@@ -1172,8 +1172,8 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
       passive: !0
     }), c.addEventListener("touchmove", A, {
       passive: !0
-    }), c.addEventListener("touchend", M), c.addEventListener("touchcancel", ye), c.addEventListener("mousedown", x), () => {
-      c.removeEventListener("touchstart", z), c.removeEventListener("touchmove", A), c.removeEventListener("touchend", M), c.removeEventListener("touchcancel", ye), c.removeEventListener("mousedown", x);
+    }), c.addEventListener("touchend", M), c.addEventListener("touchcancel", me), c.addEventListener("mousedown", x), () => {
+      c.removeEventListener("touchstart", z), c.removeEventListener("touchmove", A), c.removeEventListener("touchend", M), c.removeEventListener("touchcancel", me), c.removeEventListener("mousedown", x);
     };
   }, [f, i, o, s]);
 }, oo = (n, o) => {
@@ -1371,7 +1371,7 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
   children: n,
   isActive: o,
   overlayId: i,
-  onClose: s,
+  onDeactivate: s,
   ...f
 }) => {
   const c = Wn(o, {
@@ -1383,7 +1383,10 @@ const Mn = /* @__PURE__ */ Er(Dn), Fn = ({
       [s]
     )
   });
-  return /* @__PURE__ */ G.jsx(St, { ref: c == null ? void 0 : c.setContainerRef, "aria-hidden": !o, ...f, children: typeof n == "function" ? n(c) : n });
+  return /* @__PURE__ */ G.jsx(St, { ref: c == null ? void 0 : c.setContainerRef, "aria-hidden": !o, ...f, children: typeof n == "function" ? n({
+    overlay: c,
+    deactivateOverlay: s
+  }) : n });
 }, Yn = () => {
   const [n, o] = xt([]);
   pe(() => {
@@ -1460,9 +1463,9 @@ tt.exports;
 var pr;
 function Vn() {
   return pr || (pr = 1, function(n, o) {
-    var i = 200, s = "__lodash_hash_undefined__", f = 800, c = 16, l = 9007199254740991, g = "[object Arguments]", p = "[object Array]", b = "[object AsyncFunction]", v = "[object Boolean]", y = "[object Date]", E = "[object Error]", j = "[object Function]", M = "[object GeneratorFunction]", W = "[object Map]", X = "[object Number]", z = "[object Null]", A = "[object Object]", ye = "[object Proxy]", he = "[object RegExp]", x = "[object Set]", _ = "[object String]", C = "[object Undefined]", K = "[object WeakMap]", ne = "[object ArrayBuffer]", me = "[object DataView]", ue = "[object Float32Array]", B = "[object Float64Array]", U = "[object Int8Array]", q = "[object Int16Array]", le = "[object Int32Array]", fe = "[object Uint8Array]", be = "[object Uint8ClampedArray]", _e = "[object Uint16Array]", $e = "[object Uint32Array]", ke = /[\\^$.*+?()[\]{}|]/g, Ce = /^\[object .+?Constructor\]$/, ge = /^(?:0|[1-9]\d*)$/, O = {};
-    O[ue] = O[B] = O[U] = O[q] = O[le] = O[fe] = O[be] = O[_e] = O[$e] = !0, O[g] = O[p] = O[ne] = O[v] = O[me] = O[y] = O[E] = O[j] = O[W] = O[X] = O[A] = O[he] = O[x] = O[_] = O[K] = !1;
-    var He = typeof Se == "object" && Se && Se.Object === Object && Se, Ue = typeof self == "object" && self && self.Object === Object && self, Z = He || Ue || Function("return this")(), k = o && !o.nodeType && o, N = k && !0 && n && !n.nodeType && n, ee = N && N.exports === k, oe = ee && He.process, rt = function() {
+    var i = 200, s = "__lodash_hash_undefined__", f = 800, c = 16, l = 9007199254740991, g = "[object Arguments]", p = "[object Array]", b = "[object AsyncFunction]", v = "[object Boolean]", y = "[object Date]", E = "[object Error]", j = "[object Function]", M = "[object GeneratorFunction]", W = "[object Map]", X = "[object Number]", z = "[object Null]", A = "[object Object]", me = "[object Proxy]", he = "[object RegExp]", x = "[object Set]", _ = "[object String]", C = "[object Undefined]", K = "[object WeakMap]", ne = "[object ArrayBuffer]", be = "[object DataView]", ue = "[object Float32Array]", B = "[object Float64Array]", U = "[object Int8Array]", q = "[object Int16Array]", le = "[object Int32Array]", fe = "[object Uint8Array]", _e = "[object Uint8ClampedArray]", xe = "[object Uint16Array]", $e = "[object Uint32Array]", ke = /[\\^$.*+?()[\]{}|]/g, Ce = /^\[object .+?Constructor\]$/, ge = /^(?:0|[1-9]\d*)$/, O = {};
+    O[ue] = O[B] = O[U] = O[q] = O[le] = O[fe] = O[_e] = O[xe] = O[$e] = !0, O[g] = O[p] = O[ne] = O[v] = O[be] = O[y] = O[E] = O[j] = O[W] = O[X] = O[A] = O[he] = O[x] = O[_] = O[K] = !1;
+    var He = typeof we == "object" && we && we.Object === Object && we, Ue = typeof self == "object" && self && self.Object === Object && self, Z = He || Ue || Function("return this")(), k = o && !o.nodeType && o, N = k && !0 && n && !n.nodeType && n, ee = N && N.exports === k, oe = ee && He.process, rt = function() {
       try {
         var e = N && N.require && N.require("util").types;
         return e || oe && oe.binding && oe.binding("util");
@@ -1500,11 +1503,11 @@ function Vn() {
         return e(r(a));
       };
     }
-    var ot = Array.prototype, De = Function.prototype, Me = Object.prototype, Ye = Z["__core-js_shared__"], xe = De.toString, de = Me.hasOwnProperty, it = function() {
+    var ot = Array.prototype, De = Function.prototype, Me = Object.prototype, Ye = Z["__core-js_shared__"], Te = De.toString, de = Me.hasOwnProperty, it = function() {
       var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
       return e ? "Symbol(src)_1." + e : "";
-    }(), Be = Me.toString, at = xe.call(Object), Pe = RegExp(
-      "^" + xe.call(de).replace(ke, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    }(), Be = Me.toString, at = Te.call(Object), Pe = RegExp(
+      "^" + Te.call(de).replace(ke, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     ), Fe = ee ? Z.Buffer : void 0, Ve = Z.Symbol, Ge = Z.Uint8Array;
     Fe && Fe.allocUnsafe;
     var We = nt(Object.getPrototypeOf, Object), st = Object.create, Ct = Me.propertyIsEnumerable, Ot = ot.splice, ve = Ve ? Ve.toStringTag : void 0, ze = function() {
@@ -1586,7 +1589,7 @@ function Vn() {
       return h < 0 ? (++this.size, a.push([e, r])) : a[h][1] = r, this;
     }
     re.prototype.clear = At, re.prototype.delete = $t, re.prototype.get = dt, re.prototype.has = pt, re.prototype.set = kt;
-    function Te(e) {
+    function Ee(e) {
       var r = -1, a = e == null ? 0 : e.length;
       for (this.clear(); ++r < a; ) {
         var h = e[r];
@@ -1614,7 +1617,7 @@ function Vn() {
       var a = gt(this, e), h = a.size;
       return a.set(e, r), this.size += a.size == h ? 0 : 1, this;
     }
-    Te.prototype.clear = Ht, Te.prototype.delete = It, Te.prototype.get = t, Te.prototype.has = u, Te.prototype.set = d;
+    Ee.prototype.clear = Ht, Ee.prototype.delete = It, Ee.prototype.get = t, Ee.prototype.has = u, Ee.prototype.set = d;
     function m(e) {
       var r = this.__data__ = new re(e);
       this.size = r.size;
@@ -1638,7 +1641,7 @@ function Vn() {
         var h = a.__data__;
         if (!qe || h.length < i - 1)
           return h.push([e, r]), this.size = ++a.size, this;
-        a = this.__data__ = new Te(h);
+        a = this.__data__ = new Ee(h);
       }
       return a.set(e, r), this.size = a.size, this;
     }
@@ -1675,11 +1678,11 @@ function Vn() {
       }) : e[r] = a;
     }
     var V = Nr();
-    function Ee(e) {
+    function Se(e) {
       return e == null ? e === void 0 ? C : z : ve && ve in Object(e) ? Yr(e) : Kr(e);
     }
     function ht(e) {
-      return Je(e) && Ee(e) == g;
+      return Je(e) && Se(e) == g;
     }
     function Dt(e) {
       if (!je(e) || Xr(e))
@@ -1688,7 +1691,7 @@ function Vn() {
       return r.test(en(e));
     }
     function Ar(e) {
-      return Je(e) && Qt(e.length) && !!O[Ee(e)];
+      return Je(e) && Qt(e.length) && !!O[Se(e)];
     }
     function $r(e) {
       if (!je(e))
@@ -1860,7 +1863,7 @@ function Vn() {
     function en(e) {
       if (e != null) {
         try {
-          return xe.call(e);
+          return Te.call(e);
         } catch {
         }
         try {
@@ -1888,8 +1891,8 @@ function Vn() {
     function Nt(e) {
       if (!je(e))
         return !1;
-      var r = Ee(e);
-      return r == j || r == M || r == b || r == ye;
+      var r = Se(e);
+      return r == j || r == M || r == b || r == me;
     }
     function Qt(e) {
       return typeof e == "number" && e > -1 && e % 1 == 0 && e <= l;
@@ -1902,13 +1905,13 @@ function Vn() {
       return e != null && typeof e == "object";
     }
     function rn(e) {
-      if (!Je(e) || Ee(e) != A)
+      if (!Je(e) || Se(e) != A)
         return !1;
       var r = We(e);
       if (r === null)
         return !0;
       var a = de.call(r, "constructor") && r.constructor;
-      return typeof a == "function" && a instanceof a && xe.call(a) == at;
+      return typeof a == "function" && a instanceof a && Te.call(a) == at;
     }
     var er = Ne ? Ie(Ne) : Ar;
     function nn(e) {
@@ -1941,7 +1944,14 @@ const Xn = /* @__PURE__ */ Er(Gn), po = ({
 }) => {
   const i = Xt(cn), s = _t(() => Xn(i, n), [i, n]);
   return /* @__PURE__ */ G.jsx(gr, { theme: s, ...o });
-};
+}, ho = ({ durationMs: n, timingFunction: o = "ease-in-out", extraProperties: i = [] }) => ({ isActive: s = !1 }) => ye`
+    opacity: ${s ? 1 : 0};
+    visibility: ${s ? "visible" : "hidden"};
+
+    transition-property: ${["opacity", "visibility", ...i].join(", ")};
+    transition-duration: ${n}ms;
+    transition-timing-function: ${Array.isArray(o) ? o.join(", ") : o};
+  `;
 export {
   Et as HoneyBox,
   St as HoneyFlexBox,
@@ -1973,6 +1983,7 @@ export {
   Jn as getFocusableHTMLElements,
   Cr as getHoneyListItemId,
   br as getTransformationValues,
+  ho as honeyVisibilityTransitionModifier,
   sr as media,
   Vt as pxToRem,
   bt as resolveColor,

package/dist/modifiers.d.ts

@@ -0,0 +1,42 @@
+import { HoneyCSSTimingFunction, HoneyModifier } from './types';
+/**
+ * Configuration object for the transition effect applied to visibility and opacity.
+ */
+type HoneyVisibilityTransitionModifierConfig = {
+    /**
+     * Duration of the transition in milliseconds.
+     * Determines how long the transition will take to complete.
+     */
+    durationMs: number;
+    /**
+     * Timing function for the transition. Defines the rate of change during the transition.
+     * It can either be a single timing function or an array of multiple functions applied sequentially.
+     *
+     * @default ease-in-out
+     */
+    timingFunction?: HoneyCSSTimingFunction | HoneyCSSTimingFunction[];
+    /**
+     * Additional CSS properties to include in the transition.
+     */
+    extraProperties?: string[];
+};
+/**
+ * Props for applying the transition effect.
+ */
+export type HoneyVisibilityTransitionModifierContextProps = {
+    /**
+     * Determines whether the element is active.
+     * If true, the transition will be applied and the element becomes visible.
+     *
+     * @default false
+     */
+    isActive?: boolean;
+};
+/**
+ * A styled-components modifier that applies a smooth transition effect to the visibility and opacity of an element.
+ *
+ * This modifier smoothly fades in or out an element by transitioning its opacity and visibility properties.
+ * The transition is controlled by the configuration provided, including the duration, timing function, and any extra properties to animate.
+ */
+export declare const honeyVisibilityTransitionModifier: HoneyModifier<HoneyVisibilityTransitionModifierConfig, HoneyVisibilityTransitionModifierContextProps>;
+export {};

package/dist/types/css.types.d.ts

@@ -23,6 +23,10 @@ export type HoneyCSSArrayValue<T> = [T, T] | [T, T, T] | [T, T, T, T];
  * @template T - Type of the value.
  */
 export type HoneyCSSMultiValue<T> = T | HoneyCSSArrayValue<T>;
+/**
+ * Defining the allowed timing functions for the transition
+ */
+export type HoneyCSSTimingFunction = 'ease' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
 /**
  * Type representing CSS properties related to spacing and positioning.
  */

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, MutableRefObject } from 'react';
-import { ExecutionContext, Interpolation } from 'styled-components';
+import { ExecutionContext, StyleFunction } from 'styled-components';
 import { DataType } from 'csstype';
 import { HoneyCSSColorProperty, HoneyCSSDimensionNumericValue, HoneyCSSDimensionValue } from './css.types';
 import { HoneyKeyboardEventCode } from './dom.types';
@@ -256,8 +256,8 @@ export type HoneyDimensionName = keyof HoneyDimensions;
 export type ComponentWithAs<T, P = object> = {
     as?: ElementType<P>;
 } & T;
-export type HoneyModifierResultFn = () => Interpolation<object>;
-export type HoneyModifier<Config = unknown> = (config?: Config) => HoneyModifierResultFn;
+export type HoneyModifierResultFn<Props extends object> = StyleFunction<Props>;
+export type HoneyModifier<Config = unknown, Props extends object = object> = (config: Config) => HoneyModifierResultFn<Props>;
 export type HoneyOverlayId = string;
 export type HoneyOverlayEventListenerType = 'keyup';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-layout",
-  "version": "2.6.1",
+  "version": "2.8.0",
   "description": "",
   "keywords": [
     "react",