@react-hive/honey-layout 17.7.0 → 17.9.0

package/dist/components/HoneyContextMenu/HoneyContextMenu.d.ts

@@ -9,4 +9,4 @@ export interface HoneyContextMenuProps<Option extends HoneyContextMenuOption<Con
     children: ReactNode | ((context: HoneyPopupContextValue<Context, Reference>) => ReactNode);
     subProps?: FastOmit<HoneyContextMenuContentProps<Option, Context, Reference, UseAutoSize>, 'options' | 'optionProps'>;
 }
-export declare const HoneyContextMenu: <Option extends HoneyContextMenuOption<Context, Reference>, Context, Reference extends ReferenceType, UseAutoSize extends boolean>({ children, subProps, options, optionProps, clickOptions, context, ...popupProps }: HoneyContextMenuProps<Option, Context, Reference, UseAutoSize>) => React.JSX.Element;
+export declare const HoneyContextMenu: <Option extends HoneyContextMenuOption<Context, Reference>, Context = undefined, Reference extends ReferenceType = ReferenceType, UseAutoSize extends boolean = false>({ children, subProps, options, optionProps, roleOptions, context, ...popupProps }: HoneyContextMenuProps<Option, Context, Reference, UseAutoSize>) => React.JSX.Element;

package/dist/components/HoneyFlex/HoneyFlex.d.ts

@@ -7,28 +7,31 @@ export type HoneyFlexProps<Element extends ElementType = 'div'> = HoneyBoxProps<
      * When enabled, this prop applies:
      * - `display: inline-flex`
      *
-     * When disabled (default), the layout uses:
-     * - `display: flex`
+     * When disabled, the layout uses:
+     * - `$display`, when explicitly provided
+     * - otherwise `display: flex`
      *
      * This is a semantic convenience prop intended for inline alignment scenarios
      * (e.g. buttons, badges, form controls).
      *
-     * If `$display` is explicitly provided, it always takes precedence over this prop.
+     * `inline` takes precedence over `$display`.
      *
      * @default false
      */
     inline?: boolean;
     /**
-     * Enables horizontal (row-based) layout.
+     * Enables horizontal row-based layout.
      *
      * When enabled, this prop applies:
      * - `flex-direction: row`
      *
-     * When disabled (default), the layout uses:
-     * - `flex-direction: column`
+     * When disabled, the layout uses:
+     * - `$flexDirection`, when explicitly provided
+     * - otherwise `flex-direction: column`
      *
-     * This is a semantic convenience prop. If `$flexDirection` is explicitly provided,
-     * it will always take precedence.
+     * This is a semantic convenience prop.
+     *
+     * `$flexDirection` takes precedence over `row`.
      *
      * @default false
      */
@@ -52,8 +55,8 @@ export type HoneyFlexProps<Element extends ElementType = 'div'> = HoneyBoxProps<
     /**
      * Centers children along the horizontal axis.
      *
-     * - In column layouts: maps to `align-items: center`
-     * - In row layouts: maps to `justify-content: center`
+     * - In column and column-reverse layouts: maps to `align-items: center`
+     * - In row and row-reverse layouts: maps to `justify-content: center`
      *
      * Ignored if `center` is enabled or if the corresponding explicit style prop is provided.
      *
@@ -63,8 +66,8 @@ export type HoneyFlexProps<Element extends ElementType = 'div'> = HoneyBoxProps<
     /**
      * Centers children along the vertical axis.
      *
-     * - In column layouts: maps to `justify-content: center`
-     * - In row layouts: maps to `align-items: center`
+     * - In column and column-reverse layouts: maps to `justify-content: center`
+     * - In row and row-reverse layouts: maps to `align-items: center`
      *
      * Ignored if `center` is enabled or if the corresponding explicit style prop is provided.
      *
@@ -94,7 +97,11 @@ export type HoneyFlexProps<Element extends ElementType = 'div'> = HoneyBoxProps<
  * - `centerX`, `centerY` → axis-aware centering helpers
  *
  * Semantic helpers exist purely for convenience and readability.
- * Any explicitly provided style props **always take precedence**.
+ *
+ * Precedence rules:
+ * - `inline` takes precedence over `$display`
+ * - `$flexDirection` takes precedence over `row`
+ * - `$alignItems` and `$justifyContent` take precedence over centering helpers
  *
  * ---
  *
@@ -115,7 +122,7 @@ export type HoneyFlexProps<Element extends ElementType = 'div'> = HoneyBoxProps<
  *
  * @example Horizontal layout
  * ```tsx
- * <HoneyFlex $gap={2} row/>
+ * <HoneyFlex $gap={2} row />
  * ```
  *
  * @example Column layout