@vibe/core 3.64.0-alpha-1cfa0.0 → 3.65.0

package/dist/components/AttentionBox/AttentionBox.d.ts

@@ -3,6 +3,9 @@ import { IconType as IconTypeEnum } from "../Icon/IconConstants";
 import { AttentionBoxType as AttentionBoxTypeEnum } from "./AttentionBoxConstants";
 import { type AttentionBoxType } from "./AttentionBox.types";
 import { type SubIcon, type VibeComponentProps, type ElementContent } from "../../types";
+/**
+ * @deprecated AttentionBox is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
+ */
 export interface AttentionBoxProps extends VibeComponentProps {
     /**
      * If true, displays an icon even when no header is provided.

package/dist/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -1,5 +1,11 @@
 import React from "react";
 import { type LinkProps } from "../../Link/Link";
+/**
+ * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
+ */
 export type AttentionBoxLinkProps = LinkProps;
+/**
+ * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
+ */
 declare const AttentionBoxLink: ({ href, text, target, className, ...linkProps }: AttentionBoxLinkProps) => React.JSX.Element;
 export default AttentionBoxLink;

package/dist/components/Combobox/components/ComboboxConstants.d.ts

@@ -1,5 +1,6 @@
 import { type SubIcon } from "../../../types";
 import type React from "react";
+import type { TooltipProps } from "../../Tooltip/Tooltip";
 export declare const COMBOBOX_DIVIDER_ITEM = "combobox-divider";
 export declare const COMBOBOX_CATEGORY_ITEM = "combobox-category";
 export declare const COMBOBOX_OPTION_ITEM = "combobox-option";
@@ -92,6 +93,11 @@ export interface IComboboxOption {
      * The tooltip content displayed on hover.
      */
     tooltipContent?: string;
+    /**
+     * Props for the Tooltip component.
+     * The "Omit" is here on purpose to avoid the content prop, in case tooltipProps would be expanded in the future.
+     */
+    tooltipProps?: Pick<Omit<TooltipProps, "content">, "position">;
 }
 export interface IComboboxItem {
     /**

package/dist/components/DropdownNew/Dropdown.types.d.ts

@@ -220,6 +220,10 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * The class name to be applied to the menu wrapper.
      */
     menuWrapperClassName?: string;
+    /**
+     * If true, displays a loading indicator in the dropdown controls.
+     */
+    loading?: boolean;
 } & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
 export type DropdownSizes = "small" | "medium" | "large";
 export type DropdownDirection = "ltr" | "rtl" | "auto";

package/dist/components/DropdownNew/context/DropdownContext.types.d.ts

@@ -7,7 +7,7 @@ type ItemPropGetter<Item> = (options: {
     item: Item;
     index: number;
 }) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
 export interface DropdownContextProps<Item extends BaseListItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
     label?: string;
     isOpen: boolean;

package/dist/components/next/AttentionBox/AttentionBox.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { AttentionBoxProps } from "./AttentionBox.types";
+declare const AttentionBox: React.ForwardRefExoticComponent<AttentionBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default AttentionBox;

package/dist/components/next/AttentionBox/AttentionBox.types.d.ts

@@ -0,0 +1,70 @@
+import type { ReactNode, MouseEvent } from "react";
+import type { VibeComponentProps, SubIcon } from "../../../types";
+import type { IconType } from "../../Icon/Icon.types";
+import type { AttentionBoxButtonProps } from "./components/AttentionBoxButton/AttentionBoxButton";
+import type { AttentionBoxLinkProps } from "./components/AttentionBoxLink/AttentionBoxLink";
+export type AttentionBoxType = "primary" | "positive" | "negative" | "warning" | "neutral";
+export type AttentionBoxContentProps = {
+    /**
+     * The main text content
+     */
+    text: string;
+    children?: never;
+} | {
+    /**
+     * Custom children to override the default text content
+     */
+    children: ReactNode;
+    text?: never;
+};
+export interface AttentionBoxLayoutSharedProps extends Pick<AttentionBoxProps, "icon" | "iconType" | "onClose" | "closeButtonAriaLabel" | "action" | "link"> {
+    content: ReactNode;
+}
+export type AttentionBoxCompactTitleProps = {
+    compact?: false;
+    /**
+     * The title of the attention box
+     */
+    title?: string;
+} | {
+    /**
+     * When true, the attention box will be displayed in compact mode of one-liner
+     */
+    compact: true;
+    title?: never;
+};
+export type AttentionBoxRole = "alert" | "status";
+export type AttentionBoxProps = VibeComponentProps & AttentionBoxContentProps & AttentionBoxCompactTitleProps & {
+    /**
+     * The variant type of the attention box
+     */
+    type?: AttentionBoxType;
+    /**
+     * The type of the icon
+     */
+    iconType?: IconType;
+    /**
+     * The icon to display. Pass `false` to hide the icon entirely, or omit to use the default icon for the type.
+     */
+    icon?: SubIcon | false;
+    /**
+     * Callback when the close button is clicked
+     */
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom aria label for the close button
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Whether to animate the entrance
+     */
+    animate?: boolean;
+    /**
+     * Action button configuration
+     */
+    action?: AttentionBoxButtonProps;
+    /**
+     * Link configuration
+     */
+    link?: Omit<AttentionBoxLinkProps, "inlineText">;
+};

package/dist/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type ButtonProps } from "../../../../Button/Button";
+export interface AttentionBoxButtonProps extends Omit<ButtonProps, "size" | "kind" | "color" | "children"> {
+    text: string;
+}
+declare const AttentionBoxButton: React.ForwardRefExoticComponent<AttentionBoxButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default AttentionBoxButton;

package/dist/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface AttentionBoxCloseButtonProps {
+    onClose?: (event: React.MouseEvent) => void;
+    closeButtonAriaLabel?: string;
+    className?: string;
+}
+declare const AttentionBoxCloseButton: ({ onClose, closeButtonAriaLabel, className }: AttentionBoxCloseButtonProps) => React.JSX.Element;
+export default AttentionBoxCloseButton;

package/dist/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { SubIcon } from "../../../../../types";
+import type { IconType } from "../../../../Icon/Icon.types";
+export interface AttentionBoxLeadingIconProps {
+    icon?: SubIcon;
+    iconType?: IconType;
+    className?: string;
+}
+declare const AttentionBoxLeadingIcon: ({ icon, iconType, className }: AttentionBoxLeadingIconProps) => React.JSX.Element;
+export default AttentionBoxLeadingIcon;

package/dist/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { LinkProps } from "../../../../Link";
+export type AttentionBoxLinkProps = LinkProps;
+declare const AttentionBoxLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default AttentionBoxLink;

package/dist/components/next/AttentionBox/consts/icons.d.ts

@@ -0,0 +1,3 @@
+import type { AttentionBoxType } from "../AttentionBox.types";
+import type { SubIcon } from "../../../../types";
+export declare const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon>;

package/dist/components/next/AttentionBox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AttentionBox } from "./AttentionBox";
+export type { AttentionBoxProps, AttentionBoxType } from "./AttentionBox.types";

package/dist/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { AttentionBoxLayoutSharedProps } from "../../AttentionBox.types";
+export type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;
+declare const AttentionBoxCompact: ({ icon, iconType, onClose, closeButtonAriaLabel, action, link, content }: AttentionBoxCompactProps) => React.JSX.Element;
+export default AttentionBoxCompact;

package/dist/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from "../../AttentionBox.types";
+export type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, "title">;
+declare const AttentionBoxDefault: ({ title, icon, iconType, onClose, closeButtonAriaLabel, action, link, content }: AttentionBoxDefaultProps) => React.JSX.Element;
+export default AttentionBoxDefault;

package/dist/components/next/AttentionBox/utils/iconUtils.d.ts

@@ -0,0 +1,3 @@
+import type { SubIcon } from "../../../../types";
+import type { AttentionBoxType } from "../AttentionBox.types";
+export declare const resolveAttentionBoxIcon: (icon?: SubIcon | false, type?: AttentionBoxType) => SubIcon | null;

package/dist/components/next/index.d.ts

@@ -0,0 +1 @@
+export * from "./AttentionBox";

package/dist/components/next.d.ts

@@ -1,2 +1,3 @@
 export * from "./Modal";
 export * from "./DropdownNew";
+export * from "./next/index";

package/dist/hooks/useThrottledCallback.d.ts

@@ -1,4 +1,4 @@
 export default function useThrottledCallback(callback: (...args: Array<unknown>) => void, { wait, trailing }: {
     wait: number;
     trailing: boolean;
-}, dependencies: Array<unknown>): import("es-toolkit/dist/compat/function/debounce").DebouncedFuncLeading<(...args: Array<unknown>) => void>;
+}, dependencies: Array<unknown>): import("es-toolkit/dist/function/throttle").ThrottledFunction<(...args: Array<unknown>) => void>;

package/dist/hooks/useTimeout/index.d.ts

@@ -1,4 +1,4 @@
-import { noop } from "es-toolkit/compat";
+import { noop } from "es-toolkit";
 export default function useTimeout({ time, callback, ignoreZeroTime }: {
     callback: () => void;
     time?: number;

package/dist/icons/dist/react/Favorite.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../_virtual/_tslib.js";import*as a from"react";var l=function(l){var t=l.size,r=e(l,["size"]);return a.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},r),a.createElement("path",{d:"M11.234 3.016a1.379 1.379 0 0 0-2.47 0l-1.78 3.61-3.99.584h-.003a1.376 1.376 0 0 0-.754 2.348v.001l2.878 2.813-.68 3.97v.001a1.376 1.376 0 0 0 2.005 1.45L10 15.921l3.549 1.866a1.377 1.377 0 0 0 2.005-1.45v-.001l-.68-3.97 2.882-2.81v-.001a1.377 1.377 0 0 0-.753-2.348l-3.989-.58-1.78-3.61Zm-1.235.888L8.3 7.35a1.378 1.378 0 0 1-1.034.752l-3.803.557 2.747 2.685a1.376 1.376 0 0 1 .395 1.22l-.649 3.79 3.404-1.79a1.377 1.377 0 0 1 1.28 0l3.395 1.785-.65-3.79v-.002a1.374 1.374 0 0 1 .396-1.218l2.751-2.683-3.796-.554a1.382 1.382 0 0 1-1.037-.752L10 3.904Z",fillRule:"evenodd",clipRule:"evenodd"}))};l.displayName="Favorite";export{l as default};
+//# sourceMappingURL=Favorite.js.map

package/dist/icons/dist/react/Favorite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Favorite.js","sources":["../../../../../icons/dist/react/Favorite.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import*as a from\"react\";const l=l=>{var{size:t}=l,r=e(l,[\"size\"]);return a.createElement(\"svg\",Object.assign({viewBox:\"0 0 20 20\",fill:\"currentColor\",width:t||\"20\",height:t||\"20\"},r),a.createElement(\"path\",{d:\"M11.234 3.016a1.379 1.379 0 0 0-2.47 0l-1.78 3.61-3.99.584h-.003a1.376 1.376 0 0 0-.754 2.348v.001l2.878 2.813-.68 3.97v.001a1.376 1.376 0 0 0 2.005 1.45L10 15.921l3.549 1.866a1.377 1.377 0 0 0 2.005-1.45v-.001l-.68-3.97 2.882-2.81v-.001a1.377 1.377 0 0 0-.753-2.348l-3.989-.58-1.78-3.61Zm-1.235.888L8.3 7.35a1.378 1.378 0 0 1-1.034.752l-3.803.557 2.747 2.685a1.376 1.376 0 0 1 .395 1.22l-.649 3.79 3.404-1.79a1.377 1.377 0 0 1 1.28 0l3.395 1.785-.65-3.79v-.002a1.374 1.374 0 0 1 .396-1.218l2.751-2.683-3.796-.554a1.382 1.382 0 0 1-1.037-.752L10 3.904Z\",fillRule:\"evenodd\",clipRule:\"evenodd\"}))};l.displayName=\"Favorite\";export{l as default};\n"],"names":["l","t","size","r","e","a","createElement","Object","assign","viewBox","fill","width","height","d","fillRule","clipRule","displayName"],"mappings":"uEAAuE,IAAMA,EAAE,SAAAA,GAAO,IAAMC,EAAGD,EAARE,KAAUC,EAAEC,EAAEJ,EAAE,CAAC,SAAS,OAAOK,EAAEC,cAAc,MAAMC,OAAOC,OAAO,CAACC,QAAQ,YAAYC,KAAK,eAAeC,MAAMV,GAAG,KAAKW,OAAOX,GAAG,MAAME,GAAGE,EAAEC,cAAc,OAAO,CAACO,EAAE,2iBAA2iBC,SAAS,UAAUC,SAAS,YAAY,EAAEf,EAAEgB,YAAY"}

package/dist/metadata.json

@@ -20966,6 +20966,15 @@
           "name": "string"
         }
       },
+      "loading": {
+        "defaultValue": null,
+        "description": "If true, displays a loading indicator in the dropdown controls.",
+        "name": "loading",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "multi": {
         "defaultValue": null,
         "description": "If true, the dropdown allows multiple selections.\nIf true, the dropdown allows multiple selections. Defaults to false.",
@@ -21041,5 +21050,194 @@
     },
     "import": "import { Dropdown } from \"@vibe/core/next\"",
     "subComponents": []
+  },
+  {
+    "filePath": "src/components/next/AttentionBox/AttentionBox.tsx",
+    "aggregator": "next",
+    "symbols": [
+      "default as AttentionBox",
+      "AttentionBoxProps",
+      "AttentionBoxType"
+    ],
+    "displayName": "AttentionBox",
+    "description": "",
+    "props": {
+      "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"
+        }
+      },
+      "text": {
+        "defaultValue": null,
+        "description": "The main text content",
+        "name": "text",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "children": {
+        "defaultValue": null,
+        "description": "Custom children to override the default text content",
+        "name": "children",
+        "required": false,
+        "type": {
+          "name": "ReactNode"
+        }
+      },
+      "compact": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "When true, the attention box will be displayed in compact mode of one-liner",
+        "name": "compact",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "title": {
+        "defaultValue": null,
+        "description": "The title of the attention box",
+        "name": "title",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "type": {
+        "defaultValue": {
+          "value": "primary"
+        },
+        "description": "The variant type of the attention box",
+        "name": "type",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "AttentionBoxType",
+          "value": [
+            {
+              "value": "\"primary\""
+            },
+            {
+              "value": "\"positive\""
+            },
+            {
+              "value": "\"negative\""
+            },
+            {
+              "value": "\"warning\""
+            },
+            {
+              "value": "\"neutral\""
+            }
+          ]
+        }
+      },
+      "iconType": {
+        "defaultValue": {
+          "value": "svg"
+        },
+        "description": "The type of the icon",
+        "name": "iconType",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "IconType",
+          "value": [
+            {
+              "value": "\"svg\""
+            },
+            {
+              "value": "\"font\""
+            },
+            {
+              "value": "\"src\""
+            }
+          ]
+        }
+      },
+      "icon": {
+        "defaultValue": null,
+        "description": "The icon to display. Pass `false` to hide the icon entirely, or omit to use the default icon for the type.",
+        "name": "icon",
+        "required": false,
+        "type": {
+          "name": "any"
+        }
+      },
+      "onClose": {
+        "defaultValue": null,
+        "description": "Callback when the close button is clicked",
+        "name": "onClose",
+        "required": false,
+        "type": {
+          "name": "(event: MouseEvent<HTMLButtonElement, MouseEvent>) => void"
+        }
+      },
+      "closeButtonAriaLabel": {
+        "defaultValue": null,
+        "description": "Custom aria label for the close button",
+        "name": "closeButtonAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "animate": {
+        "defaultValue": {
+          "value": "true"
+        },
+        "description": "Whether to animate the entrance",
+        "name": "animate",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
+      "action": {
+        "defaultValue": null,
+        "description": "Action button configuration",
+        "name": "action",
+        "required": false,
+        "type": {
+          "name": "AttentionBoxButtonProps"
+        }
+      },
+      "link": {
+        "defaultValue": null,
+        "description": "Link configuration",
+        "name": "link",
+        "required": false,
+        "type": {
+          "name": "Omit<LinkProps, \"inlineText\">"
+        }
+      }
+    },
+    "import": "import { AttentionBox } from \"@vibe/core/next\"",
+    "parentComponent": "next",
+    "subComponents": []
   }
 ]

package/dist/mocked_classnames/components/AttentionBox/AttentionBox.d.ts

@@ -3,6 +3,9 @@ import { IconType as IconTypeEnum } from "../Icon/IconConstants";
 import { AttentionBoxType as AttentionBoxTypeEnum } from "./AttentionBoxConstants";
 import { type AttentionBoxType } from "./AttentionBox.types";
 import { type SubIcon, type VibeComponentProps, type ElementContent } from "../../types";
+/**
+ * @deprecated AttentionBox is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
+ */
 export interface AttentionBoxProps extends VibeComponentProps {
     /**
      * If true, displays an icon even when no header is provided.

package/dist/mocked_classnames/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -1,5 +1,11 @@
 import React from "react";
 import { type LinkProps } from "../../Link/Link";
+/**
+ * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
+ */
 export type AttentionBoxLinkProps = LinkProps;
+/**
+ * @deprecated AttentionBoxLink is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
+ */
 declare const AttentionBoxLink: ({ href, text, target, className, ...linkProps }: AttentionBoxLinkProps) => React.JSX.Element;
 export default AttentionBoxLink;

package/dist/mocked_classnames/components/Combobox/components/ComboboxConstants.d.ts

@@ -1,5 +1,6 @@
 import { type SubIcon } from "../../../types";
 import type React from "react";
+import type { TooltipProps } from "../../Tooltip/Tooltip";
 export declare const COMBOBOX_DIVIDER_ITEM = "combobox-divider";
 export declare const COMBOBOX_CATEGORY_ITEM = "combobox-category";
 export declare const COMBOBOX_OPTION_ITEM = "combobox-option";
@@ -92,6 +93,11 @@ export interface IComboboxOption {
      * The tooltip content displayed on hover.
      */
     tooltipContent?: string;
+    /**
+     * Props for the Tooltip component.
+     * The "Omit" is here on purpose to avoid the content prop, in case tooltipProps would be expanded in the future.
+     */
+    tooltipProps?: Pick<Omit<TooltipProps, "content">, "position">;
 }
 export interface IComboboxItem {
     /**

package/dist/mocked_classnames/components/DropdownNew/Dropdown.types.d.ts

@@ -220,6 +220,10 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * The class name to be applied to the menu wrapper.
      */
     menuWrapperClassName?: string;
+    /**
+     * If true, displays a loading indicator in the dropdown controls.
+     */
+    loading?: boolean;
 } & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
 export type DropdownSizes = "small" | "medium" | "large";
 export type DropdownDirection = "ltr" | "rtl" | "auto";

package/dist/mocked_classnames/components/DropdownNew/context/DropdownContext.types.d.ts

@@ -7,7 +7,7 @@ type ItemPropGetter<Item> = (options: {
     item: Item;
     index: number;
 }) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
 export interface DropdownContextProps<Item extends BaseListItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
     label?: string;
     isOpen: boolean;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { AttentionBoxProps } from "./AttentionBox.types";
+declare const AttentionBox: React.ForwardRefExoticComponent<AttentionBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default AttentionBox;

package/dist/mocked_classnames/components/next/AttentionBox/AttentionBox.types.d.ts

@@ -0,0 +1,70 @@
+import type { ReactNode, MouseEvent } from "react";
+import type { VibeComponentProps, SubIcon } from "../../../types";
+import type { IconType } from "../../Icon/Icon.types";
+import type { AttentionBoxButtonProps } from "./components/AttentionBoxButton/AttentionBoxButton";
+import type { AttentionBoxLinkProps } from "./components/AttentionBoxLink/AttentionBoxLink";
+export type AttentionBoxType = "primary" | "positive" | "negative" | "warning" | "neutral";
+export type AttentionBoxContentProps = {
+    /**
+     * The main text content
+     */
+    text: string;
+    children?: never;
+} | {
+    /**
+     * Custom children to override the default text content
+     */
+    children: ReactNode;
+    text?: never;
+};
+export interface AttentionBoxLayoutSharedProps extends Pick<AttentionBoxProps, "icon" | "iconType" | "onClose" | "closeButtonAriaLabel" | "action" | "link"> {
+    content: ReactNode;
+}
+export type AttentionBoxCompactTitleProps = {
+    compact?: false;
+    /**
+     * The title of the attention box
+     */
+    title?: string;
+} | {
+    /**
+     * When true, the attention box will be displayed in compact mode of one-liner
+     */
+    compact: true;
+    title?: never;
+};
+export type AttentionBoxRole = "alert" | "status";
+export type AttentionBoxProps = VibeComponentProps & AttentionBoxContentProps & AttentionBoxCompactTitleProps & {
+    /**
+     * The variant type of the attention box
+     */
+    type?: AttentionBoxType;
+    /**
+     * The type of the icon
+     */
+    iconType?: IconType;
+    /**
+     * The icon to display. Pass `false` to hide the icon entirely, or omit to use the default icon for the type.
+     */
+    icon?: SubIcon | false;
+    /**
+     * Callback when the close button is clicked
+     */
+    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Custom aria label for the close button
+     */
+    closeButtonAriaLabel?: string;
+    /**
+     * Whether to animate the entrance
+     */
+    animate?: boolean;
+    /**
+     * Action button configuration
+     */
+    action?: AttentionBoxButtonProps;
+    /**
+     * Link configuration
+     */
+    link?: Omit<AttentionBoxLinkProps, "inlineText">;
+};

package/dist/mocked_classnames/components/next/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type ButtonProps } from "../../../../Button/Button";
+export interface AttentionBoxButtonProps extends Omit<ButtonProps, "size" | "kind" | "color" | "children"> {
+    text: string;
+}
+declare const AttentionBoxButton: React.ForwardRefExoticComponent<AttentionBoxButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default AttentionBoxButton;

package/dist/mocked_classnames/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface AttentionBoxCloseButtonProps {
+    onClose?: (event: React.MouseEvent) => void;
+    closeButtonAriaLabel?: string;
+    className?: string;
+}
+declare const AttentionBoxCloseButton: ({ onClose, closeButtonAriaLabel, className }: AttentionBoxCloseButtonProps) => React.JSX.Element;
+export default AttentionBoxCloseButton;

package/dist/mocked_classnames/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { SubIcon } from "../../../../../types";
+import type { IconType } from "../../../../Icon/Icon.types";
+export interface AttentionBoxLeadingIconProps {
+    icon?: SubIcon;
+    iconType?: IconType;
+    className?: string;
+}
+declare const AttentionBoxLeadingIcon: ({ icon, iconType, className }: AttentionBoxLeadingIconProps) => React.JSX.Element;
+export default AttentionBoxLeadingIcon;

package/dist/mocked_classnames/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { LinkProps } from "../../../../Link";
+export type AttentionBoxLinkProps = LinkProps;
+declare const AttentionBoxLink: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default AttentionBoxLink;

package/dist/mocked_classnames/components/next/AttentionBox/consts/icons.d.ts

@@ -0,0 +1,3 @@
+import type { AttentionBoxType } from "../AttentionBox.types";
+import type { SubIcon } from "../../../../types";
+export declare const ATTENTION_BOX_DEFAULT_ICONS: Record<AttentionBoxType, SubIcon>;