@react-hive/honey-layout 2.2.0 → 2.4.0

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

@@ -29,8 +29,8 @@ export type HoneyGridColumnStyledProps = HTMLAttributes<HTMLDivElement> & HoneyB
  * It provides flexibility in specifying the number of columns to take, the total number of columns in the grid,
  * and the spacing between columns.
  */
-export declare const HoneyGridColumnStyled: 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('../../types').HoneyPrefixedCSSProperties & {
+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[];
 }, "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;
-}, HoneyGridColumnStyledProps>> & string;
+}, never>, HoneyGridColumnStyledProps>> & string;

package/dist/contexts/HoneyLayoutContext.d.ts

@@ -0,0 +1,74 @@
+import { DefaultTheme, Interpolation } from 'styled-components';
+import { HoneyColorKey, HoneyCSSColor, HoneyDimensionName, HoneyFontName, HoneyOverlayConfig, HoneySpacings, Nullable, HoneyScreenState, HoneyCSSDimensionUnit, HoneyCSSDimensionValue, HoneyCSSMultiValue, HoneyOverlayId, HoneyOverlay } from '../types';
+import { ResolveSpacingResult } from '../helpers';
+/**
+ * Function to unregister a previously registered overlay.
+ */
+export type HoneyUnregisterOverlay = (targetOverlayId: HoneyOverlayId) => void;
+/**
+ * Function to register a new overlay and manage its lifecycle.
+ *
+ * @param {HoneyOverlayConfig} overlayConfig - Configuration object for the overlay.
+ */
+export type HoneyRegisterOverlay = (overlayConfig: HoneyOverlayConfig) => HoneyOverlay;
+export type HoneyLayoutContextValue = {
+    /**
+     * Represents the theme object.
+     */
+    theme: DefaultTheme;
+    /**
+     * Represents the current state of the screen.
+     */
+    screenState: HoneyScreenState;
+    /**
+     * Overlays.
+     */
+    overlays: HoneyOverlay[];
+    /**
+     * Function to register a new overlay.
+     */
+    registerOverlay: HoneyRegisterOverlay;
+    /**
+     * Function to unregister an overlay.
+     */
+    unregisterOverlay: HoneyUnregisterOverlay;
+    /**
+     * Function to resolve spacing values based on a given theme.
+     *
+     * @template MultiValue - A type representing the spacing value(s), which could be a single value or an array of values.
+     * @template Unit - The CSS unit used for the resolved spacing value, e.g., 'px', 'em'.
+     *
+     * @param {MultiValue} value - The spacing value(s) to be applied, which could be a single number or an array of numbers.
+     * @param {Unit} unit - Optional. The CSS unit to use for the calculated value. Defaults to 'px'.
+     * @param {keyof HoneySpacings} type - Optional. The type of spacing to use from the theme (e.g., 'base', 'small', 'large').
+     *
+     * @returns {ResolveSpacingResult<MultiValue, Unit>} - The resolved spacing value, formatted as a string with the appropriate unit.
+     */
+    resolveSpacing: <MultiValue extends HoneyCSSMultiValue<number>, Unit extends Nullable<HoneyCSSDimensionUnit> = 'px'>(value: MultiValue, unit?: Unit, type?: keyof HoneySpacings) => ResolveSpacingResult<MultiValue, Unit>;
+    /**
+     * Function to resolve color values based on the theme.
+     *
+     * @param {HoneyColorKey} colorKey - The key representing the color in the theme.
+     * @param {number} [alpha] - Optional alpha value to apply to the color for transparency.
+     *
+     * @returns {HoneyCSSColor} - The resolved CSS color, optionally with alpha transparency.
+     */
+    resolveColor: (colorKey: HoneyColorKey, alpha?: number) => HoneyCSSColor;
+    /**
+     * Function to resolve font styles based on the theme.
+     *
+     * @param {HoneyFontName} fontName - The name of the font to resolve from the theme.
+     *
+     * @returns {Interpolation<object>} - The CSS style rules for the specified font.
+     */
+    resolveFont: (fontName: HoneyFontName) => Interpolation<object>;
+    /**
+     * Function to resolve dimension values based on the theme.
+     *
+     * @param {HoneyDimensionName} dimensionName - The name of the dimension to resolve from the theme.
+     *
+     * @returns {HoneyCSSDimensionValue} - The resolved CSS dimension value (e.g., width, height).
+     */
+    resolveDimension: (dimensionName: HoneyDimensionName) => HoneyCSSDimensionValue;
+};
+export declare const HoneyLayoutContext: import('react').Context<HoneyLayoutContextValue | undefined>;

package/dist/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './HoneyLayoutContext';

package/dist/helpers.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { ExecutionContext, StyleFunction, css } from 'styled-components';
 import { Nullable, HoneyBreakpointName, HoneyCSSArrayValue, HoneyCSSDimensionShortHandValue, HoneyCSSDimensionUnit, HoneyCSSMultiValue, HoneyCSSMediaRule, HoneySpacings, HoneyColorKey, HoneyFontName, HoneyCSSColor, HoneyDimensionName, HoneyPrefixedCSSProperties, HoneyBreakpoints, HoneyScreenState, HoneyCSSDimensionValue } from './types';
+export declare const generateUniqueId: () => string;
 /**
  * Conditional type to determine the return type of the `resolveSpacing` function.
  *

package/dist/hooks/index.d.ts

@@ -2,3 +2,7 @@ export * from './use-honey-media-query';
 export * from './use-honey-drag';
 export * from './use-honey-infinite-scroll';
 export * from './use-honey-synthetic-scrollable-container';
+export * from './use-honey-document-key-up-handler';
+export * from './use-honey-layout';
+export * from './use-register-honey-overlay';
+export * from './use-honey-overlay';

package/dist/hooks/use-honey-document-key-up-handler.d.ts

@@ -0,0 +1,19 @@
+import { HoneyKeyboardEventCode } from '../types';
+export type HoneyDocumentKeyUpHandler = (keyCode: HoneyKeyboardEventCode, e: KeyboardEvent) => void;
+type UseHoneyDocumentKeyUpHandlerOptions = {
+    /**
+     * Determines if the event listener is active.
+     *
+     * @default true
+     */
+    isEnabled?: boolean;
+};
+/**
+ * A hook that listens for specific key up events at the document level and triggers a callback function.
+ *
+ * @param {HoneyDocumentKeyUpHandler} keyUpHandler - The callback function to be triggered when one of the specified keys is released.
+ * @param {HoneyKeyboardEventCode[]} listenKeys - An array of key codes to listen for. Only these specified keys will trigger the callback.
+ * @param {Object} options - Optional configuration.
+ */
+export declare const useHoneyDocumentKeyUpHandler: (keyUpHandler: HoneyDocumentKeyUpHandler, listenKeys: HoneyKeyboardEventCode[], { isEnabled }?: UseHoneyDocumentKeyUpHandlerOptions) => void;
+export {};

package/dist/hooks/use-honey-drag.d.ts

@@ -9,17 +9,27 @@ import { Nullable } from '../types';
 export type HoneyDragOnStartHandler<Element extends HTMLElement> = (draggableElement: Element) => void | boolean;
 /**
  * Context provided to the move handler, containing information about the drag's movement.
- *
- * Note:
- * - `deltaX` and `deltaY` represent the movement since the last frame.
- * - `distanceX` and `distanceY` represent the total movement from the starting position.
- * - `euclideanDistance` is the straight-line distance from the start position to the current position.
  */
 type HoneyDragMoveContext = {
+    /**
+     * The horizontal distance has moved since the last frame.
+     */
     deltaX: number;
+    /**
+     * The vertical distance has moved since the last frame.
+     */
     deltaY: number;
+    /**
+     * The total horizontal distance from the starting position to the current position.
+     */
     distanceX: number;
+    /**
+     * The total vertical distance from the starting position to the current position.
+     */
     distanceY: number;
+    /**
+     * The straight-line distance from the starting position to the current position.
+     */
     euclideanDistance: number;
 };
 /**
@@ -30,15 +40,23 @@ type HoneyDragMoveContext = {
 export type HoneyDragOnMoveHandler<Element extends HTMLElement> = (draggableElement: Element) => (context: HoneyDragMoveContext) => void | false;
 /**
  * Context provided to the end handler, containing information about the drag's end state.
- *
- * Note:
- * - `deltaX` and `deltaY` represent the total movement from the start position to the end position.
- * - `movingSpeedX` and `movingSpeedY` represent the speed of movement in the X and Y directions, respectively.
  */
 type HoneyDragEndContext = {
+    /**
+     * The total horizontal movement from the starting position to the ending position.
+     */
     deltaX: number;
+    /**
+     * The total vertical movement from the starting position to the ending position.
+     */
     deltaY: number;
+    /**
+     * The speed of movement in the horizontal direction (X axis).
+     */
     movingSpeedX: number;
+    /**
+     * The speed of movement in the vertical direction (Y axis).
+     */
     movingSpeedY: number;
 };
 /**
@@ -47,25 +65,46 @@ type HoneyDragEndContext = {
  */
 export type HoneyDragOnEndHandler<Element extends HTMLElement> = (context: HoneyDragEndContext, draggableElement: Element) => void;
 /**
- * The set of handlers that can be passed to the hook.
- *
- * Note:
- * - `onStartDrag` is optional and handles the start of the drag.
- * - `onMoveDrag` is required and handles the drag movement.
- * - `onEndDrag` is optional and handles the end of the drag.
+ * Object containing the handlers for various stages of the drag operation.
+ * These handlers can be customized to manage the behavior of the drag process.
  */
 export type HoneyDragHandlers<Element extends HTMLElement> = {
+    /**
+     * Optional handler triggered when the drag operation starts.
+     * This can be used to capture the initial state or perform setup actions.
+     */
     onStartDrag?: HoneyDragOnStartHandler<Element>;
+    /**
+     * Required handler triggered continuously during the drag operation.
+     * This handles updating the drag state and typically tracks the element's movement.
+     */
     onMoveDrag: HoneyDragOnMoveHandler<Element>;
+    /**
+     * Optional handler triggered when the drag operation ends.
+     * This can be used for cleanup or finalizing the state after the drag ends.
+     */
     onEndDrag?: HoneyDragOnEndHandler<Element>;
 };
+/**
+ * Options passed to the `useHoneyDrag` hook.
+ */
+export type HoneyDragOptions = {
+    /**
+     * Determines whether the drag functionality is enabled or not.
+     *
+     * @default true
+     */
+    isEnabled?: boolean;
+};
 /**
  * A hook that provides touch and mouse-based dragging functionality for an element.
- * It tracks touch and mouse events, calculates dragging speed and distances during the drag,
- * and exposes `onStartDrag`, `onMoveDrag`, and `onEndDrag` callbacks to handle various stages of dragging.
+ * It tracks the movement of the element during the drag process and exposes handlers for each stage of the drag operation.
+ *
+ * @template Element - The type of the HTML element that is being dragged.
  *
- * @param {MutableRefObject<Element>} draggableElementRef - A `ref` to the element that should be made draggable.
- * @param {HoneyDragHandlers<Element>} handlers - An object containing the callback functions for different dragging stages.
+ * @param {MutableRefObject<Nullable<Element>>} draggableElementRef - A reference to the element that can be dragged.
+ * @param {HoneyDragHandlers<Element>} handlers - The drag event handlers for different stages of the drag operation (start, move, end).
+ * @param {HoneyDragOptions} options - Configuration options.
  */
-export declare const useHoneyDrag: <Element extends HTMLElement>(draggableElementRef: MutableRefObject<Nullable<Element>>, { onMoveDrag, onStartDrag, onEndDrag }: HoneyDragHandlers<Element>) => void;
+export declare const useHoneyDrag: <Element extends HTMLElement>(draggableElementRef: MutableRefObject<Nullable<Element>>, { onMoveDrag, onStartDrag, onEndDrag }: HoneyDragHandlers<Element>, { isEnabled }?: HoneyDragOptions) => void;
 export {};

package/dist/hooks/use-honey-infinite-scroll.d.ts

@@ -1,7 +1,6 @@
-import { MutableRefObject } from 'react';
 import { Nullable } from '../types';
 export type UseHoneyInfiniteScrollOnFetchMoreItems = () => void;
-export declare const useHoneyInfiniteScroll: <ScrollableContainerElement extends HTMLElement, TargetElement extends HTMLElement>(containerRef: MutableRefObject<Nullable<ScrollableContainerElement>> | undefined, onFetchMoreItems: UseHoneyInfiniteScrollOnFetchMoreItems) => {
+export declare const useHoneyInfiniteScroll: <ScrollableContainerElement extends HTMLElement, TargetElement extends HTMLElement>(containerElement: Nullable<ScrollableContainerElement>, onFetchMoreItems: UseHoneyInfiniteScrollOnFetchMoreItems) => {
     scrollableContainerRef: (scrollableContainer: Nullable<ScrollableContainerElement>) => void;
     targetRef: (target: Nullable<TargetElement>) => void;
 };

package/dist/hooks/use-honey-layout.d.ts

@@ -0,0 +1,9 @@
+import { HoneyLayoutContextValue } from '../contexts';
+/**
+ * Custom hook to access the Honey layout context.
+ *
+ * @throws Will throw an error if the hook is used outside of a `HoneyLayoutProvider` component.
+ *
+ * @returns {HoneyLayoutContextValue} - The context value providing theming utilities and screen state.
+ */
+export declare const useHoneyLayout: () => HoneyLayoutContextValue;

package/dist/hooks/use-honey-overlay.d.ts

@@ -0,0 +1,6 @@
+import { HoneyOverlayId, HoneyOverlayEventListenerHandler } from '../types';
+type UseHoneyOverlayOptions = {
+    onKeyUp?: HoneyOverlayEventListenerHandler;
+};
+export declare const useHoneyOverlay: (targetOverlayId: HoneyOverlayId, { onKeyUp }?: UseHoneyOverlayOptions) => import('../types').HoneyOverlay | undefined;
+export {};

package/dist/hooks/use-honey-synthetic-scrollable-container.d.ts

@@ -16,8 +16,6 @@ type SyntheticScrollableContainerOptions<Element extends HTMLElement> = Pick<Hon
  *
  * @param {MutableRefObject<Nullable<Element>>} scrollableContainerRef - A ref to the scrollable container element to be assigned to the target element.
  * @param {SyntheticScrollableContainerOptions<Element>} options - Options for configuring the synthetic scrollable container.
- *
- * @returns {MutableRefObject<Nullable<Element>>} - A ref to the scrollable container element that should be assigned to the target element.
  */
-export declare const useHoneySyntheticScrollableContainer: <Element extends HTMLElement>(scrollableContainerRef: MutableRefObject<Nullable<Element>>, { availableWindowPercentage, onStartDrag, onEndDrag, }?: SyntheticScrollableContainerOptions<Element>) => MutableRefObject<Nullable<Element>>;
+export declare const useHoneySyntheticScrollableContainer: <Element extends HTMLElement>(scrollableContainerRef: MutableRefObject<Nullable<Element>>, { availableWindowPercentage, onStartDrag, onEndDrag, }?: SyntheticScrollableContainerOptions<Element>) => void;
 export {};

package/dist/hooks/use-register-honey-overlay.d.ts

@@ -0,0 +1,2 @@
+import { HoneyOverlay, HoneyOverlayConfig, Nullable } from '../types';
+export declare const useRegisterHoneyOverlay: (isRegister: boolean, overlayConfig: HoneyOverlayConfig) => Nullable<HoneyOverlay>;