@react-hive/honey-layout 3.4.0 → 4.0.0

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

@@ -1,12 +1,13 @@
-/**
- * The types for handling CSS properties and values, focusing on dimensions, colors, media queries, and other essential CSS concepts.
- */
+import { ExecutionContext } from 'styled-components';
+import { HoneyBreakpointName, HoneyColorKey } from './types';
 import * as CSS from 'csstype';
 export type HoneyCSSResolutionUnit = 'dpi' | 'dpcm' | 'dppx' | 'x';
 export type HoneyCSSResolutionValue = `${number}${HoneyCSSResolutionUnit}`;
 export type HoneyCSSMediaOrientation = 'landscape' | 'portrait';
 type HoneyCSSAbsoluteDimensionUnit = 'px' | 'cm' | 'mm' | 'in' | 'pt' | 'pc';
 type HoneyCSSRelativeDimensionUnit = 'em' | 'rem' | '%' | 'vh' | 'vw' | 'vmin' | 'vmax';
+export type HoneyHEXColor = `#${string}`;
+export type HoneyCSSColor = CSS.DataType.NamedColor | HoneyHEXColor;
 /**
  * Represents a CSS dimension unit, which can be either an absolute or relative.
  */
@@ -57,6 +58,64 @@ export type HoneyCSSDimensionNumericValue<CSSProperty extends keyof CSS.Properti
  * @template Unit - CSS length unit.
  */
 export type HoneyCSSDimensionShortHandValue<Value, Unit extends HoneyCSSDimensionUnit> = Value extends [unknown, unknown] ? `${HoneyCSSDimensionValue<Unit>} ${HoneyCSSDimensionValue<Unit>}` : Value extends [unknown, unknown, unknown] ? `${HoneyCSSDimensionValue<Unit>} ${HoneyCSSDimensionValue<Unit>} ${HoneyCSSDimensionValue<Unit>}` : Value extends [unknown, unknown, unknown, unknown] ? `${HoneyCSSDimensionValue<Unit>} ${HoneyCSSDimensionValue<Unit>} ${HoneyCSSDimensionValue<Unit>} ${HoneyCSSDimensionValue<Unit>}` : never;
+/**
+ * A type representing a function that returns a value for a specific CSS property based on the provided theme.
+ *
+ * @template CSSProperty - The CSS property this function will generate a value for.
+ */
+type HoneyCSSPropertyValueFn<CSSProperty extends keyof CSS.Properties> = (context: ExecutionContext) => CSS.Properties[CSSProperty];
+/**
+ * Type representing possible values for CSS color properties.
+ *
+ * This type can be either a color from the theme or a valid CSS color value.
+ *
+ * @template CSSProperty - The key of a CSS property to check.
+ */
+type HoneyCSSColorValue<CSSProperty extends keyof CSS.Properties> = CSSProperty extends HoneyCSSColorProperty ? HoneyCSSColor | HoneyColorKey : CSS.Properties[CSSProperty] | HoneyCSSDimensionNumericValue<CSSProperty>;
+/**
+ * Represents a responsive CSS property value for a specific CSS property.
+ *
+ * This type maps each breakpoint name to a corresponding CSS property value.
+ * The values can include:
+ * - A standard CSS property value.
+ * - A numeric value for dimension properties.
+ * - A function returning a value based on the CSS property.
+ *
+ * @template CSSProperty - The key of a CSS property for which values are defined.
+ */
+type HoneyResponsiveCSSPropertyValue<CSSProperty extends keyof CSS.Properties> = Partial<Record<HoneyBreakpointName, HoneyCSSColorValue<CSSProperty> | HoneyCSSPropertyValueFn<CSSProperty>>>;
+/**
+ * Represents a CSS property value that can be either a single value or a responsive value.
+ *
+ * This type can be one of the following:
+ * - A standard CSS property value.
+ * - A numeric value for dimension properties.
+ * - A function that generates the value based on the CSS property.
+ * - A responsive value where each breakpoint maps to a specific CSS property value.
+ *
+ * @template CSSProperty - The key of a CSS property to check.
+ */
+export type HoneyCSSPropertyValue<CSSProperty extends keyof CSS.Properties> = HoneyCSSColorValue<CSSProperty> | HoneyCSSPropertyValueFn<CSSProperty> | HoneyResponsiveCSSPropertyValue<CSSProperty>;
+/**
+ * A utility type to add a `$` prefix to a given CSS property name.
+ *
+ * @template CSSProperty - The string type representing a CSS property name.
+ */
+export type HoneyPrefixedCSSProperty<CSSProperty extends keyof CSS.Properties = keyof CSS.Properties> = `$${CSSProperty}`;
+/**
+ * Represents an object where each key is a prefixed CSS property (with a `$` prefix),
+ *
+ * Example:
+ * ```
+ * const styles: HoneyPrefixedCSSProperties = {
+ *   $color: 'red',
+ *   $fontSize: '12px'
+ * };
+ * ```
+ */
+export type HoneyPrefixedCSSProperties = {
+    [CSSProperty in keyof CSS.Properties as HoneyPrefixedCSSProperty<CSSProperty>]?: HoneyCSSPropertyValue<CSSProperty>;
+};
 /**
  * Options for CSS @media at-rule.
  */

package/dist/types/data.types.d.ts

@@ -1,4 +1,91 @@
-import { KeysWithNonArrayValues } from './utility.types';
+import { MutableRefObject } from 'react';
+import { StyleFunction } from 'styled-components';
+import { KeysWithNonArrayValues, Nullable } from './utility.types';
+import { HoneyKeyboardEventCode } from './dom.types';
+export type HoneyEffectResultFn<Props extends object> = StyleFunction<Props>;
+export type HoneyEffect<Config = unknown, Props extends object = object> = (config: Config) => HoneyEffectResultFn<Props>;
+export type HoneyOverlayId = string;
+export type HoneyOverlayEventListenerType = 'keyup';
+/**
+ * Handler function for an overlay event listener.
+ *
+ * @param keyCode - The code of the key that triggered the event.
+ * @param overlay - The overlay.
+ * @param e - The original keyboard event.
+ */
+export type HoneyOverlayEventListenerHandler = (keyCode: HoneyKeyboardEventCode, overlay: HoneyActiveOverlay, e: KeyboardEvent) => void;
+/**
+ * A tuple representing an event listener, including the event type and the handler function.
+ */
+export type HoneyOverlayEventListener = [
+    HoneyOverlayEventListenerType,
+    HoneyOverlayEventListenerHandler
+];
+/**
+ * Configuration object for an overlay, used to specify the overlay's behavior and event handling.
+ */
+export type HoneyOverlayConfig = {
+    /**
+     * Custom overlay ID.
+     * Automatically generated if not passed.
+     *
+     * @default generates
+     */
+    id?: HoneyOverlayId;
+    /**
+     * List of keyboard event codes to listen for (e.g., "Escape", "Enter").
+     * If undefined or empty, all key codes will be listened to.
+     *
+     * @default undefined
+     */
+    listenKeys?: HoneyKeyboardEventCode[];
+    /**
+     * Callback function to be invoked when a key event occurs for the specified key(s).
+     * If `listenKeys` is provided, this will only be triggered for those keys.
+     */
+    onKeyUp: HoneyOverlayEventListenerHandler;
+};
+/**
+ * Represents an overlay in the layout, allowing the registration of event listeners and notifying them when events occur.
+ */
+export type HoneyActiveOverlay = {
+    /**
+     * Unique identifier for the overlay.
+     */
+    id: HoneyOverlayId;
+    /**
+     * Reference to the container element of the overlay.
+     */
+    containerRef: MutableRefObject<Nullable<HTMLDivElement>>;
+    /**
+     * Sets the container reference for the overlay.
+     *
+     * @param element - The HTMLDivElement to set as the container.
+     */
+    setContainerRef: (element: HTMLDivElement) => void;
+    /**
+     * Adds an event listener to the overlay.
+     *
+     * @param type - The type of event to listen for.
+     * @param handler - The handler function to execute when the event is triggered.
+     */
+    addListener: (type: HoneyOverlayEventListenerType, handler: HoneyOverlayEventListenerHandler) => void;
+    /**
+     * Removes a specific event listener from the overlay.
+     *
+     * @param type - The type of event for the listener.
+     * @param handler - The handler function to remove.
+     */
+    removeListener: (type: HoneyOverlayEventListenerType, handler: HoneyOverlayEventListenerHandler) => void;
+    /**
+     * Notifies all listeners of a specific event type.
+     *
+     * @param type - The type of event that occurred.
+     * @param keyCode - The code of the key that triggered the event.
+     * @param e - The original keyboard event.
+     */
+    notifyListeners: (type: HoneyOverlayEventListenerType, keyCode: HoneyKeyboardEventCode, e: KeyboardEvent) => void;
+};
 /**
  * Represents an item that has been flattened from a hierarchical data structure, with additional
  * properties to support tracking its position and relationships within the hierarchy.

package/dist/types/index.d.ts

@@ -2,6 +2,5 @@ export * from './utility.types';
 export * from './data.types';
 export * from './state.types';
 export * from './css.types';
-export * from './component.types';
 export * from './types';
 export * from './dom.types';

package/dist/types/types.d.ts

@@ -1,13 +1,4 @@
-import { ElementType, MutableRefObject } from 'react';
-import { ExecutionContext, StyleFunction } from 'styled-components';
-import { DataType } from 'csstype';
-import { HoneyCSSColorProperty, HoneyCSSDimensionNumericValue, HoneyCSSDimensionValue } from './css.types';
-import { HoneyKeyboardEventCode } from './dom.types';
-import * as CSS from 'csstype';
-export type TimeoutId = ReturnType<typeof setTimeout>;
-export type Nullable<T> = T | null;
-export type HoneyHEXColor = `#${string}`;
-export type HoneyCSSColor = DataType.NamedColor | HoneyHEXColor;
+import { HoneyCSSColor, HoneyCSSDimensionValue } from './css.types';
 /**
  * Represents the breakpoints configuration in pixes for a responsive layout.
  *
@@ -67,64 +58,6 @@ declare module 'styled-components' {
     interface DefaultTheme extends HoneyTheme {
     }
 }
-/**
- * A type representing a function that returns a value for a specific CSS property based on the provided theme.
- *
- * @template CSSProperty - The CSS property this function will generate a value for.
- */
-type HoneyCSSPropertyValueFn<CSSProperty extends keyof CSS.Properties> = (context: ExecutionContext) => CSS.Properties[CSSProperty];
-/**
- * Type representing possible values for CSS color properties.
- *
- * This type can be either a color from the theme or a valid CSS color value.
- *
- * @template CSSProperty - The key of a CSS property to check.
- */
-type HoneyCSSColorValue<CSSProperty extends keyof CSS.Properties> = CSSProperty extends HoneyCSSColorProperty ? HoneyCSSColor | HoneyColorKey : CSS.Properties[CSSProperty] | HoneyCSSDimensionNumericValue<CSSProperty>;
-/**
- * Represents a responsive CSS property value for a specific CSS property.
- *
- * This type maps each breakpoint name to a corresponding CSS property value.
- * The values can include:
- * - A standard CSS property value.
- * - A numeric value for dimension properties.
- * - A function returning a value based on the CSS property.
- *
- * @template CSSProperty - The key of a CSS property for which values are defined.
- */
-type HoneyResponsiveCSSPropertyValue<CSSProperty extends keyof CSS.Properties> = Partial<Record<HoneyBreakpointName, HoneyCSSColorValue<CSSProperty> | HoneyCSSPropertyValueFn<CSSProperty>>>;
-/**
- * Represents a CSS property value that can be either a single value or a responsive value.
- *
- * This type can be one of the following:
- * - A standard CSS property value.
- * - A numeric value for dimension properties.
- * - A function that generates the value based on the CSS property.
- * - A responsive value where each breakpoint maps to a specific CSS property value.
- *
- * @template CSSProperty - The key of a CSS property to check.
- */
-export type HoneyCSSPropertyValue<CSSProperty extends keyof CSS.Properties> = HoneyCSSColorValue<CSSProperty> | HoneyCSSPropertyValueFn<CSSProperty> | HoneyResponsiveCSSPropertyValue<CSSProperty>;
-/**
- * A utility type to add a `$` prefix to a given CSS property name.
- *
- * @template CSSProperty - The string type representing a CSS property name.
- */
-export type HoneyPrefixedCSSProperty<CSSProperty extends keyof CSS.Properties = keyof CSS.Properties> = `$${CSSProperty}`;
-/**
- * Represents an object where each key is a prefixed CSS property (with a `$` prefix),
- *
- * Example:
- * ```
- * const styles: HoneyPrefixedCSSProperties = {
- *   $color: 'red',
- *   $fontSize: '12px'
- * };
- * ```
- */
-export type HoneyPrefixedCSSProperties = {
-    [CSSProperty in keyof CSS.Properties as HoneyPrefixedCSSProperty<CSSProperty>]?: HoneyCSSPropertyValue<CSSProperty>;
-};
 /**
  * Defines different spacing sizes available in the theme.
  */
@@ -253,90 +186,4 @@ export interface HoneyDimensions {
     [key: string]: HoneyCSSDimensionValue;
 }
 export type HoneyDimensionName = keyof HoneyDimensions;
-export type ComponentWithAs<T, P = object> = {
-    as?: ElementType<P>;
-} & T;
-export type HoneyEffectResultFn<Props extends object> = StyleFunction<Props>;
-export type HoneyEffect<Config = unknown, Props extends object = object> = (config: Config) => HoneyEffectResultFn<Props>;
-export type HoneyOverlayId = string;
-export type HoneyOverlayEventListenerType = 'keyup';
-/**
- * Handler function for an overlay event listener.
- *
- * @param keyCode - The code of the key that triggered the event.
- * @param overlay - The overlay.
- * @param e - The original keyboard event.
- */
-export type HoneyOverlayEventListenerHandler = (keyCode: HoneyKeyboardEventCode, overlay: HoneyActiveOverlay, e: KeyboardEvent) => void;
-/**
- * A tuple representing an event listener, including the event type and the handler function.
- */
-export type HoneyOverlayEventListener = [
-    HoneyOverlayEventListenerType,
-    HoneyOverlayEventListenerHandler
-];
-/**
- * Configuration object for an overlay, used to specify the overlay's behavior and event handling.
- */
-export type HoneyOverlayConfig = {
-    /**
-     * Custom overlay ID. Automatically generated if not passed.
-     *
-     * @default generates
-     */
-    id?: HoneyOverlayId;
-    /**
-     * List of keyboard event codes to listen for (e.g., "Escape", "Enter").
-     * If undefined or empty, all key codes will be listened to.
-     *
-     * @default undefined
-     */
-    listenKeys?: HoneyKeyboardEventCode[];
-    /**
-     * Callback function to be invoked when a key event occurs for the specified key(s).
-     * If `listenKeys` is provided, this will only be triggered for those keys.
-     */
-    onKeyUp: HoneyOverlayEventListenerHandler;
-};
-/**
- * Represents an overlay in the layout, allowing the registration of event listeners and notifying them when events occur.
- */
-export type HoneyActiveOverlay = {
-    /**
-     * Unique identifier for the overlay.
-     */
-    id: HoneyOverlayId;
-    /**
-     * Reference to the container element of the overlay.
-     */
-    containerRef: MutableRefObject<Nullable<HTMLDivElement>>;
-    /**
-     * Sets the container reference for the overlay.
-     *
-     * @param element - The HTMLDivElement to set as the container.
-     */
-    setContainerRef: (element: HTMLDivElement) => void;
-    /**
-     * Adds an event listener to the overlay.
-     *
-     * @param type - The type of event to listen for.
-     * @param handler - The handler function to execute when the event is triggered.
-     */
-    addListener: (type: HoneyOverlayEventListenerType, handler: HoneyOverlayEventListenerHandler) => void;
-    /**
-     * Removes a specific event listener from the overlay.
-     *
-     * @param type - The type of event for the listener.
-     * @param handler - The handler function to remove.
-     */
-    removeListener: (type: HoneyOverlayEventListenerType, handler: HoneyOverlayEventListenerHandler) => void;
-    /**
-     * Notifies all listeners of a specific event type.
-     *
-     * @param type - The type of event that occurred.
-     * @param keyCode - The code of the key that triggered the event.
-     * @param e - The original keyboard event.
-     */
-    notifyListeners: (type: HoneyOverlayEventListenerType, keyCode: HoneyKeyboardEventCode, e: KeyboardEvent) => void;
-};
 export {};

package/dist/types/utility.types.d.ts

@@ -3,6 +3,8 @@
  * These types are often unrelated to specific components or business logic.
  * They aim to assist in working with types more effectively and flexibly.
  */
+export type TimeoutId = ReturnType<typeof setTimeout>;
+export type Nullable<T> = T | null;
 /**
  * Extracts the keys from a given type `T` whose values match the specified `Condition`.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-layout",
-  "version": "3.4.0",
+  "version": "4.0.0",
   "description": "",
   "keywords": [
     "react",
@@ -31,8 +31,6 @@
     "dist"
   ],
   "peerDependencies": {
-    "@mdx-js/react": "3.1.0",
-    "highlight.js": "11.11.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^6.0.0",
@@ -40,30 +38,32 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "1.3.1",
+    "@mdx-js/react": "3.1.0",
+    "highlight.js": "11.11.1",
     "csstype": "3.1.3",
-    "lodash.debounce": "4.0.8",
+    "lodash.throttle": "4.1.1",
     "lodash.merge": "4.6.2"
   },
   "devDependencies": {
-    "@eslint/js": "9.17.0",
+    "@eslint/js": "9.20.0",
     "@mdx-js/rollup": "3.1.0",
-    "@testing-library/react": "16.1.0",
+    "@testing-library/react": "16.2.0",
     "@types/jest": "29.5.14",
-    "@types/lodash.debounce": "4.0.9",
+    "@types/lodash.throttle": "4.1.9",
     "@types/lodash.merge": "4.6.9",
     "@types/mdx": "2.0.13",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "4.3.4",
-    "eslint": "9.17.0",
-    "eslint-plugin-react": "7.37.3",
+    "eslint": "9.20.1",
+    "eslint-plugin-react": "7.37.4",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "prettier": "3.4.2",
+    "prettier": "3.5.1",
     "ts-jest": "29.2.5",
     "typescript": "5.7.3",
-    "typescript-eslint": "8.19.1",
-    "vite": "6.0.7",
+    "typescript-eslint": "8.24.0",
+    "vite": "6.1.0",
     "vite-plugin-checker": "0.8.0",
     "vite-plugin-dts": "4.5.0"
   },

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

@@ -1,24 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { HoneyBoxProps } from '../HoneyBox';
-import * as CSS from 'csstype';
-export type HoneyGridStyledProps = HTMLAttributes<HTMLDivElement> & Omit<HoneyBoxProps, '$gap'> & {
-    /**
-     * The height of each grid column.
-     */
-    columnHeight?: CSS.Properties['height'];
-    /**
-     * The minimum height of each grid column.
-     */
-    minColumnHeight?: CSS.Properties['minHeight'];
-    /**
-     * The spacing between grid columns.
-     *
-     * @default 0
-     */
-    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> | "effects"> & HTMLAttributes<HTMLDivElement> & import('../..').HoneyPrefixedCSSProperties & {
-    effects?: import('../..').HoneyEffectResultFn<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

@@ -1,36 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { HoneyBreakpointName } from '../../types';
-import { HoneyBoxProps } from '../HoneyBox';
-export type HoneyGridColumnStyledProps = HTMLAttributes<HTMLDivElement> & HoneyBoxProps & {
-    /**
-     * Total number of columns in the grid.
-     */
-    columns: number;
-    /**
-     * Spacing between grid columns.
-     *
-     * @default 0
-     */
-    spacing: number | undefined;
-    /**
-     * The number of columns this column should take.
-     *
-     * @default 1
-     */
-    takeColumns?: number;
-    /**
-     * Specifies the breakpoint at which the max-width should be applied or disables it if set to `false`.
-     * Can be a breakpoint name.
-     */
-    applyMaxWidth?: HoneyBreakpointName | false;
-};
-/**
- * This styled component defines the layout and styling for individual columns in a grid layout.
- * 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<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> | "effects"> & HTMLAttributes<HTMLDivElement> & import('../../types').HoneyPrefixedCSSProperties & {
-    effects?: import('../../types').HoneyEffectResultFn<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/types/component.types.d.ts

@@ -1,47 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Type definition for status content options in a component.
- *
- * This type is used to provide properties for handling different states of a component,
- * such as loading, error, and no content states, along with the content to display in each state.
- *
- * @template T - An optional generic type parameter to extend the type with additional properties.
- */
-export type HoneyStatusContentOptions<T = unknown> = {
-    /**
-     * A flag indicating whether the component is in a loading state.
-     *
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * A flag indicating whether the component has encountered an error.
-     *
-     * @default false
-     */
-    isError?: boolean;
-    /**
-     * A flag indicating whether the component has no content to display.
-     *
-     * @default false
-     */
-    isNoContent?: boolean;
-    /**
-     * The content to display when the component is in a loading state.
-     *
-     * @default null
-     */
-    loadingContent?: ReactNode;
-    /**
-     * The content to display when the component has encountered an error.
-     *
-     * @default null
-     */
-    errorContent?: ReactNode;
-    /**
-     * The content to display when the component has no content to display.
-     *
-     * @default null
-     */
-    noContent?: ReactNode;
-} & T;