@vibe/core 3.85.1 → 3.87.0

package/dist/metadata.json

@@ -22397,5 +22397,586 @@
     "import": "import { ModalMedia } from \"@vibe/core/next\"",
     "parentComponent": "Modal",
     "subComponents": []
+  },
+  {
+    "filePath": "src/components/next/Dialog/Dialog.tsx",
+    "aggregator": "next",
+    "symbols": [
+      "default as Dialog",
+      "DialogType",
+      "DialogSize",
+      "DialogPosition",
+      "DialogTriggerEvent",
+      "DialogAnimationType",
+      "DialogStartingEdge",
+      "DialogOffset",
+      "DialogEvent",
+      "DialogMiddleware",
+      "DialogPlacement",
+      "DialogProps"
+    ],
+    "displayName": "Dialog",
+    "description": "",
+    "props": {
+      "onBlur": {
+        "defaultValue": null,
+        "description": "Event handler for blur events on the reference element.",
+        "name": "onBlur",
+        "required": false,
+        "type": {
+          "name": "(e: React.FocusEvent) => void"
+        }
+      },
+      "onKeyDown": {
+        "defaultValue": null,
+        "description": "Event handler for keydown events on the reference element.",
+        "name": "onKeyDown",
+        "required": false,
+        "type": {
+          "name": "(e: React.KeyboardEvent) => void"
+        }
+      },
+      "onClick": {
+        "defaultValue": null,
+        "description": "Event handler for click events on the reference element.",
+        "name": "onClick",
+        "required": false,
+        "type": {
+          "name": "(e: React.MouseEvent) => void"
+        }
+      },
+      "onFocus": {
+        "defaultValue": null,
+        "description": "Event handler for focus events on the reference element.",
+        "name": "onFocus",
+        "required": false,
+        "type": {
+          "name": "(e: React.FocusEvent) => void"
+        }
+      },
+      "onMouseDown": {
+        "defaultValue": null,
+        "description": "Event handler for mousedown events on the reference element.",
+        "name": "onMouseDown",
+        "required": false,
+        "type": {
+          "name": "(e: React.MouseEvent) => void"
+        }
+      },
+      "onMouseEnter": {
+        "defaultValue": null,
+        "description": "Event handler for mouseenter events on the reference element.",
+        "name": "onMouseEnter",
+        "required": false,
+        "type": {
+          "name": "(e: React.MouseEvent) => void"
+        }
+      },
+      "onMouseLeave": {
+        "defaultValue": null,
+        "description": "Event handler for mouseleave events on the reference element.",
+        "name": "onMouseLeave",
+        "required": false,
+        "type": {
+          "name": "(e: React.MouseEvent) => void"
+        }
+      },
+      "onContextMenu": {
+        "defaultValue": null,
+        "description": "Event handler for contextmenu events on the reference element.",
+        "name": "onContextMenu",
+        "required": false,
+        "type": {
+          "name": "(e: React.MouseEvent) => void"
+        }
+      },
+      "referenceWrapperClassName": {
+        "defaultValue": null,
+        "description": "Class name applied to the reference wrapper element.",
+        "name": "referenceWrapperClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "referenceWrapperElement": {
+        "defaultValue": null,
+        "description": "The wrapper element type to use for React components. Defaults to \"span\".",
+        "name": "referenceWrapperElement",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "\"span\" | \"div\"",
+          "value": [
+            {
+              "value": "\"span\""
+            },
+            {
+              "value": "\"div\""
+            }
+          ]
+        }
+      },
+      "position": {
+        "defaultValue": {
+          "value": "top"
+        },
+        "description": "The placement of the dialog relative to the reference element.",
+        "name": "position",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "DialogPosition",
+          "value": [
+            {
+              "value": "\"left\""
+            },
+            {
+              "value": "\"left-start\""
+            },
+            {
+              "value": "\"left-end\""
+            },
+            {
+              "value": "\"right\""
+            },
+            {
+              "value": "\"right-start\""
+            },
+            {
+              "value": "\"right-end\""
+            },
+            {
+              "value": "\"top\""
+            },
+            {
+              "value": "\"top-start\""
+            },
+            {
+              "value": "\"top-end\""
+            },
+            {
+              "value": "\"bottom\""
+            },
+            {
+              "value": "\"bottom-start\""
+            },
+            {
+              "value": "\"bottom-end\""
+            }
+          ]
+        }
+      },
+      "middleware": {
+        "defaultValue": null,
+        "description": "Custom Floating UI middleware for positioning logic.\nIf you provide `offset`, `flip`, or `shift` middleware, the defaults will be skipped.\nOther middleware (like `size`, `inline`, `autoPlacement`) are added to the chain.\n@see https://floating-ui.com/docs/middleware",
+        "name": "middleware",
+        "required": false,
+        "type": {
+          "name": "{ name: string; options?: any; fn: (state: { x: number; y: number; initialPlacement: Placement; placement: Placement; strategy: Strategy; middlewareData: MiddlewareData; rects: ElementRects; platform: { ...; } & Platform; elements: Elements; }) => Promisable<...>; }[]"
+        }
+      },
+      "startingEdge": {
+        "defaultValue": null,
+        "description": "The starting edge of the dialog animation.",
+        "name": "startingEdge",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "DialogStartingEdge",
+          "value": [
+            {
+              "value": "\"top\""
+            },
+            {
+              "value": "\"bottom\""
+            }
+          ]
+        }
+      },
+      "moveBy": {
+        "defaultValue": {
+          "value": "{ main: 0, secondary: 0 }"
+        },
+        "description": "Offset values for positioning adjustments.\n`main` - distance from reference element\n`secondary` - cross-axis offset (skidding)",
+        "name": "moveBy",
+        "required": false,
+        "type": {
+          "name": "{ main?: number; secondary?: number; }"
+        }
+      },
+      "showDelay": {
+        "defaultValue": {
+          "value": "100"
+        },
+        "description": "Delay in milliseconds before showing the dialog.",
+        "name": "showDelay",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "hideDelay": {
+        "defaultValue": {
+          "value": "100"
+        },
+        "description": "Delay in milliseconds before hiding the dialog.",
+        "name": "hideDelay",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "showTrigger": {
+        "defaultValue": {
+          "value": "mouseenter"
+        },
+        "description": "Events that trigger showing the dialog.",
+        "name": "showTrigger",
+        "required": false,
+        "type": {
+          "name": "DialogTriggerEvent | DialogTriggerEvent[]"
+        }
+      },
+      "hideTrigger": {
+        "defaultValue": {
+          "value": "mouseleave"
+        },
+        "description": "Events that trigger hiding the dialog.",
+        "name": "hideTrigger",
+        "required": false,
+        "type": {
+          "name": "DialogTriggerEvent | DialogTriggerEvent[]"
+        }
+      },
+      "showOnDialogEnter": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, keeps the dialog open when mouse enters it.",
+        "name": "showOnDialogEnter",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "shouldShowOnMount": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, shows the dialog when the component mounts.",
+        "name": "shouldShowOnMount",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "disable": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, disables opening the dialog.",
+        "name": "disable",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "open": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "Controls the open state of the dialog (controlled mode).",
+        "name": "open",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "isOpen": {
+        "defaultValue": null,
+        "description": "Controlled open state for derived state pattern.",
+        "name": "isOpen",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "showTriggerIgnoreClass": {
+        "defaultValue": null,
+        "description": "CSS class names that, when present on target, prevent showing the dialog.",
+        "name": "showTriggerIgnoreClass",
+        "required": false,
+        "type": {
+          "name": "string | string[]"
+        }
+      },
+      "hideTriggerIgnoreClass": {
+        "defaultValue": null,
+        "description": "CSS class names that, when present on target, prevent hiding the dialog.",
+        "name": "hideTriggerIgnoreClass",
+        "required": false,
+        "type": {
+          "name": "string | string[]"
+        }
+      },
+      "animationType": {
+        "defaultValue": {
+          "value": "expand"
+        },
+        "description": "The animation type used for the dialog.",
+        "name": "animationType",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "DialogAnimationType",
+          "value": [
+            {
+              "value": "\"opacity-and-slide\""
+            },
+            {
+              "value": "\"expand\""
+            }
+          ]
+        }
+      },
+      "wrapperClassName": {
+        "defaultValue": null,
+        "description": "Class name applied to the dialog content wrapper.",
+        "name": "wrapperClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "preventAnimationOnMount": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, prevents animation when mounting.",
+        "name": "preventAnimationOnMount",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "containerSelector": {
+        "defaultValue": null,
+        "description": "CSS selector of the container where the dialog is portaled.",
+        "name": "containerSelector",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "tooltip": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, renders with tooltip arrow styling.",
+        "name": "tooltip",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "tooltipClassName": {
+        "defaultValue": null,
+        "description": "Class name applied to the tooltip arrow element.",
+        "name": "tooltipClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "onDialogDidShow": {
+        "defaultValue": null,
+        "description": "Callback fired when the dialog is shown.",
+        "name": "onDialogDidShow",
+        "required": false,
+        "type": {
+          "name": "(event?: any, eventName?: string) => void"
+        }
+      },
+      "onDialogDidHide": {
+        "defaultValue": null,
+        "description": "Callback fired when the dialog is hidden.",
+        "name": "onDialogDidHide",
+        "required": false,
+        "type": {
+          "name": "(event: any, eventName: string) => void"
+        }
+      },
+      "onClickOutside": {
+        "defaultValue": null,
+        "description": "Callback fired when clicking outside the dialog.",
+        "name": "onClickOutside",
+        "required": false,
+        "type": {
+          "name": "(event: React.MouseEvent) => void"
+        }
+      },
+      "onContentClick": {
+        "defaultValue": null,
+        "description": "Callback fired when clicking inside the dialog content.",
+        "name": "onContentClick",
+        "required": false,
+        "type": {
+          "name": "(event: React.MouseEvent) => void"
+        }
+      },
+      "zIndex": {
+        "defaultValue": null,
+        "description": "The z-index applied to the dialog.",
+        "name": "zIndex",
+        "required": false,
+        "type": {
+          "name": "number"
+        }
+      },
+      "useDerivedStateFromProps": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, uses derived state from props pattern.",
+        "name": "useDerivedStateFromProps",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "hideWhenReferenceHidden": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, hides the dialog when the reference element scrolls out of view.",
+        "name": "hideWhenReferenceHidden",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "shouldCallbackOnMount": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, fires onDialogDidShow callback on mount.",
+        "name": "shouldCallbackOnMount",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "instantShowAndHide": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, shows and hides the dialog without delay.",
+        "name": "instantShowAndHide",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "getDynamicShowDelay": {
+        "defaultValue": null,
+        "description": "Callback to dynamically adjust show delay and animation behavior.",
+        "name": "getDynamicShowDelay",
+        "required": false,
+        "type": {
+          "name": "() => { showDelay: number; preventAnimation: boolean; }"
+        }
+      },
+      "content": {
+        "defaultValue": null,
+        "description": "The content displayed inside the dialog. Can be a render function.",
+        "name": "content",
+        "required": false,
+        "type": {
+          "name": "(() => Element) | Element"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "The reference element(s) that the dialog is positioned relative to.",
+        "name": "children",
+        "required": false,
+        "type": {
+          "name": "string | ReactElement<any, string | JSXElementConstructor<any>> | ReactElement<any, string | JSXElementConstructor<any>>[]"
+        }
+      },
+      "addKeyboardHideShowTriggersByDefault": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, keyboard focus/blur events behave like mouse enter/leave.",
+        "name": "addKeyboardHideShowTriggersByDefault",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "disableContainerScroll": {
+        "defaultValue": null,
+        "description": "If true or a selector string, disables scrolling in the container when open.",
+        "name": "disableContainerScroll",
+        "required": false,
+        "type": {
+          "name": "string | boolean"
+        }
+      },
+      "observeContentResize": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, automatically updates position when content resizes.",
+        "name": "observeContentResize",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "enableNestedDialogLayer": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, provides LayerProvider context for nested dialogs.",
+        "name": "enableNestedDialogLayer",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "className": {
+        "defaultValue": null,
+        "description": "A CSS class name to apply to the component.",
+        "name": "className",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "data-testid": {
+        "defaultValue": null,
+        "description": "A unique identifier for testing purposes.",
+        "name": "data-testid",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      }
+    },
+    "import": "import { Dialog } from \"@vibe/core/next\"",
+    "parentComponent": "next",
+    "subComponents": []
   }
 ]

package/dist/mocked_classnames/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -38,14 +38,14 @@ export interface AccordionItemProps extends VibeComponentProps {
      * Class name applied to the accordion item's content.
      */
     contentClassName?: string;
-    /**
-     * Class name applied to the expand/collapse component.
-     */
-    expandCollapseComponentClassName?: string;
     /**
      * If true, the click event is handled during the capture phase.
      */
     captureOnClick?: boolean;
+    /**
+     * Class name applied to the expand/collapse component.
+     */
+    expandCollapseComponentClassName?: string;
 }
 declare const AccordionItem: React.FC<AccordionItemProps>;
 export default AccordionItem;

package/dist/mocked_classnames/components/next/Dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { type DialogProps } from "./Dialog.types";
+declare function Dialog({ id, "data-testid": dataTestId, children, content, position, moveBy, middleware: middlewareProp, startingEdge, showDelay, hideDelay, instantShowAndHide, getDynamicShowDelay, showTrigger, hideTrigger, showOnDialogEnter, showTriggerIgnoreClass, hideTriggerIgnoreClass, addKeyboardHideShowTriggersByDefault, shouldShowOnMount, disable, open, isOpen: isOpenProp, useDerivedStateFromProps, animationType, preventAnimationOnMount, tooltip, tooltipClassName, containerSelector, disableContainerScroll, zIndex, wrapperClassName, referenceWrapperClassName, referenceWrapperElement, onBlur: onBlurProp, onKeyDown: onKeyDownProp, onClick: onClickProp, onFocus: onFocusProp, onMouseDown: onMouseDownProp, onMouseEnter: onMouseEnterProp, onMouseLeave: onMouseLeaveProp, onContextMenu: onContextMenuProp, onDialogDidShow, onDialogDidHide, onClickOutside: onClickOutsideProp, onContentClick: onContentClickProp, hideWhenReferenceHidden, shouldCallbackOnMount, observeContentResize, enableNestedDialogLayer }: DialogProps): React.JSX.Element;
+export default Dialog;