@vibe/core 3.77.0-alpha-1b943.0 → 3.77.1-alpha-eb809.0

package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContentContainer.js","sources":["../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import{camelCase as a}from\"es-toolkit\";import t from\"classnames\";import i,{forwardRef as r,useRef as s}from\"react\";import{getTestId as l,ComponentDefaultTestId as o,useMergeRef as d,getStyle as m,withStaticProps as n}from\"@vibe/shared\";import{DialogType as b,DialogSize as c}from\"../Dialog/DialogConstants.js\";import p from\"./DialogContentContainer.module.scss.js\";var y=n(r(((r,n)=>{var{id:b,className:c=\"\",ariaLabelledby:y=\"\",ariaDescribedby:f=\"\",type:v=\"popover\",size:C=\"small\",children:N,style:g,role:u,\"data-testid\":D=l(o.DIALOG_CONTENT_CONTAINER,b)}=r,j=e(r,[\"id\",\"className\",\"ariaLabelledby\",\"ariaDescribedby\",\"type\",\"size\",\"children\",\"style\",\"role\",\"data-testid\"]);const z=s(null),O=d(n,z);return i.createElement(\"div\",Object.assign({id:b,role:null===u?void 0:u||\"dialog\",\"data-testid\":D,\"aria-labelledby\":y,\"aria-describedby\":f,ref:O,style:g,className:t(p.dialogContentContainer,c,m(p,a(\"type--\"+v)),m(p,a(\"size--\"+C)))},j),N)})),{types:b,sizes:c});export{y as default};\n//# sourceMappingURL=DialogContentContainer.js.map\n"],"names":["y","n","r","b","id","_r$className","className","c","_r$ariaLabelledby","ariaLabelledby","_r$ariaDescribedby","ariaDescribedby","f","_r$type","type","v","_r$size","size","C","N","children","g","style","u","role","_r$dataTestid","D","l","o","DIALOG_CONTENT_CONTAINER","j","e","z","s","O","d","i","createElement","Object","assign","ref","t","p","dialogContentContainer","m","a","types","sizes"],"mappings":"urBAiGeA,IAAAA,EAAAC,EAlDgBC,GAC7B,SACEA,EAaAD,GAAA,IAZEE,EASuFD,EAVzFE,GAAAC,EAUyFH,EATrFI,UACFC,OAAY,IAAZF,EAAY,GAAAA,EAAAG,EAQ2EN,EARzEO,eACdT,OAAiB,IAAjBQ,EAAiB,GAAAA,EAAAE,EAOsER,EAPpES,gBACnBC,OAAkB,IAAlBF,EAAkB,GAAAA,EAAAG,EAMqEX,EANnEY,KACpBC,OAAO,IAAPF,EAAO,UAAAA,EAAAG,EAKgFd,EALvEe,KAChBC,OAAO,IAAPF,EAAO,QAAAA,EACPG,EAGuFjB,EAJzEkB,SAEdC,EAEuFnB,EAH/EoB,MAERC,EACuFrB,EAFlFsB,KAAAC,EAEkFvB,EAAvF,eAAewB,OAAA,IAAAD,EAAaE,EAAUC,EAAuBC,yBAA0B1B,GAAAsB,EACpFK,EAXLC,EAAA7B,EAAA,CAAA,KAAA,YAAA,iBAAA,kBAAA,OAAA,OAAA,WAAA,QAAA,OAAA,gBAeM8B,EAAeC,EAAO,MACtBC,EAAYC,EAAYlC,EAAK+B,GAInC,OACEI,EAAAC,cAAAC,MAAAA,OAAAC,OAAA,CACEnC,GAAID,EACJqB,KALuB,OAATD,OAAgB,EAAYA,GAAQ,SAKnC,cACFG,EAAU,kBACN1B,EACC,mBAAAY,EAClB4B,IAAKN,EACLZ,MAAOD,EACPf,UAAWmC,EACTC,EAAOC,uBACPpC,EACAqC,EAASF,EAAQG,EAAU,SAAW9B,IACtC6B,EAASF,EAAQG,EAAU,SAAW3B,MAEpCY,GAEHX,EACG,IAU2G,CACrH2B,MAAO3C,EACP4C,MAAOxC"}

package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js

@@ -0,0 +1,2 @@
+var e={dialogContentContainer:"dialogContentContainer_b88df099fa",sizeSmall:"sizeSmall_c3725aa8df",sizeMedium:"sizeMedium_8924e7a30c",sizeLarge:"sizeLarge_6fd2f3e46c",typePopover:"typePopover_7f568df29c",typeModal:"typeModal_c68c8ad8b3"};!function(e){var a="s_id-f752ec1c8102_3_0_0";if("undefined"!=typeof document){var d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;var n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_b88df099fa:focus {\n  outline: none;\n}\n\n.sizeSmall_c3725aa8df {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_8924e7a30c {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_6fd2f3e46c {\n  padding: var(--spacing-large);\n}\n\n.typePopover_7f568df29c {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_7f568df29c, .black-app-theme .typePopover_7f568df29c, .hacker-app-theme .typePopover_7f568df29c {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_c68c8ad8b3 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+//# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/components/dialog/dist/Refable/Refable.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"../_virtual/_tslib.js";import n from"react";import{chainRefFunctions as o,chainFunctions as r}from"../../../../shared/dist/utils/function-utils.js";var s=n.forwardRef((function(r,s){var p=r.children,i=r.wrapperElement,l=void 0===i?"span":i,a=e(r,["children","wrapperElement"]);return n.Children.map(p,(function(e){return n.isValidElement(e)?"string"!=typeof e.type?n.createElement(l,Object.assign({ref:s},a),n.cloneElement(e,Object.assign({},e.props))):n.cloneElement(e,Object.assign(Object.assign(Object.assign({},a),e.props),{onClick:t("onClick",e.props,a),onBlur:t("onBlur",e.props,a),onMouseEnter:t("onMouseEnter",e.props,a),onMouseLeave:t("onMouseLeave",e.props,a),onMouseDown:t("onMouseDown",e.props,a),onFocus:t("onFocus",e.props,a),ref:o([e.ref,s])})):null}))}));function t(e,n,o){return r([n[e],o[e]],!0)}export{s as Refable};
+//# sourceMappingURL=Refable.js.map

package/dist/components/dialog/dist/Refable/Refable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Refable.js","sources":["../../../../../../components/dialog/dist/Refable/Refable.js"],"sourcesContent":["import{__rest as e}from\"../_virtual/_tslib.js\";import r from\"react\";import{chainRefFunctions as n,chainFunctions as o}from\"@vibe/shared\";const s=r.forwardRef(((o,s)=>{var{children:p,wrapperElement:i=\"span\"}=o,l=e(o,[\"children\",\"wrapperElement\"]);return r.Children.map(p,(e=>{if(!r.isValidElement(e))return null;if(\"string\"!=typeof e.type){return r.createElement(i,Object.assign({ref:s},l),r.cloneElement(e,Object.assign({},e.props)))}return r.cloneElement(e,Object.assign(Object.assign(Object.assign({},l),e.props),{onClick:t(\"onClick\",e.props,l),onBlur:t(\"onBlur\",e.props,l),onMouseEnter:t(\"onMouseEnter\",e.props,l),onMouseLeave:t(\"onMouseLeave\",e.props,l),onMouseDown:t(\"onMouseDown\",e.props,l),onFocus:t(\"onFocus\",e.props,l),ref:n([e.ref,s])}))}))}));function t(e,r,n){return o([r[e],n[e]],!0)}export{s as Refable};\n//# sourceMappingURL=Refable.js.map\n"],"names":["s","r","forwardRef","o","p","children","_o$wrapperElement","wrapperElement","i","l","e","Children","map","isValidElement","type","createElement","Object","assign","ref","cloneElement","props","onClick","t","onBlur","onMouseEnter","onMouseLeave","onMouseDown","onFocus","n"],"mappings":"4KAGaA,IAAAA,EAAUC,EAAMC,YAU3B,SAACC,EAAgDH,GAAA,IAA9CI,EAA2BD,EAA7BE,SAAAC,EAA6BH,EAAnBI,eAAEC,OAAiB,IAAjBF,EAAiB,OAAAA,EAAWG,EAAxCC,EAAAP,EAAA,CAAA,WAAA,mBACD,OAAOF,EAAMU,SAASC,IAAIR,GAAU,SAAAM,GAClC,OAAKT,EAAMY,eAAeH,GAEA,iBAAfA,EAAMI,KAGbb,EAAAc,cAFqBP,EAENQ,OAAAC,OAAA,CAACC,IAAKlB,GAAkCS,GACpDR,EAAMkB,aAAaT,EAAYM,OAAAC,OAAA,GAAAP,EAAMU,SAKrCnB,EAAMkB,aAAaT,EAAKM,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC1BR,GACAC,EAAMU,OAAK,CACdC,QAASC,EAAmB,UAAWZ,EAAMU,MAAOX,GACpDc,OAAQD,EAAmB,SAAUZ,EAAMU,MAAOX,GAClDe,aAAcF,EAAmB,eAAgBZ,EAAMU,MAAOX,GAC9DgB,aAAcH,EAAmB,eAAgBZ,EAAMU,MAAOX,GAC9DiB,YAAaJ,EAAmB,cAAeZ,EAAMU,MAAOX,GAC5DkB,QAASL,EAAmB,UAAWZ,EAAMU,MAAOX,GAEpDS,IAAKU,EAAkB,CAAClB,EAAMQ,IAAKlB,OArBI,OAuBzC,IAGJ,SAASsB,EACPZ,EACAT,EACA2B,GAEA,OAAOzB,EAAe,CAACF,EAAWS,GAAOkB,EAAalB,KAAA,EACxD"}

package/dist/components/icon/dist/Icon/Icon.module.scss.js

@@ -1,2 +1,2 @@
-var e={icon:"icon_70e1327c30",noFocusStyle:"noFocusStyle_c7a8adde0a",clickable:"clickable_89db747779"};!function(e){var n="s_id-039c30c54242_3_0_5";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;var o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_70e1327c30 {\n  position: relative;\n}\n\n.icon_70e1327c30:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_c7a8adde0a:focus {\n  outline: none;\n}\n\n.clickable_89db747779 {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_32e8e65f77",noFocusStyle:"noFocusStyle_226d4cf409",clickable:"clickable_62feae809f"};!function(e){var n="s_id-039c30c54242_3_0_6";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;var o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_32e8e65f77 {\n  position: relative;\n}\n\n.icon_32e8e65f77:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_226d4cf409:focus {\n  outline: none;\n}\n\n.clickable_62feae809f {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

package/dist/components/index.d.ts

@@ -15,8 +15,7 @@ export * from "./ColorPicker";
 export * from "./Combobox";
 export * from "./Counter";
 export * from "./DatePicker";
-export * from "./Dialog";
-export * from "./DialogContentContainer";
+export { Dialog, DialogContentContainer, type DialogProps, type DialogContentContainerProps, type DialogType, type DialogSize, type DialogPosition, type DialogTriggerEvent, type DialogAnimationType, type DialogOffset, type DialogEvent } from "@vibe/dialog";
 export * from "./Divider";
 export * from "./Dropdown";
 export * from "./EditableHeading";
@@ -32,7 +31,7 @@ export * from "@vibe/icon";
 export * from "./IconButton";
 export * from "./Info";
 export * from "./Label";
-export * from "./LayerProvider";
+export { LayerProvider, type LayerProviderType } from "@vibe/layer";
 export * from "./Link";
 export * from "./List";
 export * from "./ListItem";

package/dist/components/layer/dist/LayerProvider/LayerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerContext.js","sources":["../../../../../../components/layer/dist/LayerProvider/LayerContext.js"],"sourcesContent":["import e from\"react\";const t=e.createContext({layerRef:null});export{t as default};\n//# sourceMappingURL=LayerContext.js.map\n"],"names":["t","e","createContext","layerRef"],"mappings":"qBASA,IAAMA,EAAeC,EAAMC,cAAiC,CAC1DC,SAAU"}

package/dist/components/layer/dist/LayerProvider/LayerProvider.js

@@ -0,0 +1,2 @@
+import e from"react";import r from"./LayerContext.js";var t=function(t){var a=t.children;return e.createElement(r.Provider,{value:{layerRef:t.layerRef}},a)};export{t as default};
+//# sourceMappingURL=LayerProvider.js.map

package/dist/components/layer/dist/LayerProvider/LayerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerProvider.js","sources":["../../../../../../components/layer/dist/LayerProvider/LayerProvider.js"],"sourcesContent":["import e from\"react\";import r from\"./LayerContext.js\";const t=({children:t,layerRef:a})=>e.createElement(r.Provider,{value:{layerRef:a}},t);export{t as default};\n//# sourceMappingURL=LayerProvider.js.map\n"],"names":["t","_ref","children","e","createElement","r","Provider","value","layerRef"],"mappings":"sDAcM,IAAAA,EAAuC,SAAAC,GAAA,IAAGD,EAAAC,EAAAC,SAAU,OACjDC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADiBP,EAAAO,WACJR,EAAA"}

package/dist/components/loader/dist/Loader/Loader.module.scss.js

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer_25879ea4ce",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_fdd0436984",circleLoaderSpinner:"circleLoaderSpinner_693142caac",rotate:"rotate_80140948de",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_1b43a079b3",dash:"dash_122899ef33"};!function(e){var n="s_id-dcd4d8f866fa_3_0_5";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_25879ea4ce {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_25879ea4ce .circleLoaderSpinnerBackground_fdd0436984 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_25879ea4ce .circleLoaderSpinner_693142caac {\n  animation: rotate_80140948de 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_25879ea4ce .circleLoaderSpinner_693142caac .circleLoaderSpinnerPath_1b43a079b3 {\n  animation: dash_122899ef33 1s infinite;\n}\n@keyframes rotate_80140948de {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_122899ef33 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer_24afac7ca4",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_df5ac38458",circleLoaderSpinner:"circleLoaderSpinner_3927aa927e",rotate:"rotate_c35a21479c",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_769a753c6f",dash:"dash_ab57cfb4f9"};!function(e){var n="s_id-dcd4d8f866fa_3_0_6";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_24afac7ca4 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_24afac7ca4 .circleLoaderSpinnerBackground_df5ac38458 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_24afac7ca4 .circleLoaderSpinner_3927aa927e {\n  animation: rotate_c35a21479c 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_24afac7ca4 .circleLoaderSpinner_3927aa927e .circleLoaderSpinnerPath_769a753c6f {\n  animation: dash_ab57cfb4f9 1s infinite;\n}\n@keyframes rotate_c35a21479c {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_ab57cfb4f9 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map

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

@@ -31,10 +31,6 @@ interface MultiSelectSpecifics<Item extends BaseListItemData<Record<string, unkn
      * Callback fired when the selected values change in multi-select mode.
      */
     onChange?: (options: Item[]) => void;
-    /**
-     * Minimum number of selected chips to always show before overflowing to the counter.
-     */
-    minVisibleCount?: number;
 }
 interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unknown>>> {
     /**
@@ -65,10 +61,6 @@ interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unk
      * Callback fired when the selected value changes in single-select mode.
      */
     onChange?: (option: Item) => void;
-    /**
-     * Minimum number of selected chips to always show before overflowing to the counter. (Not available for single select)
-     */
-    minVisibleCount?: never;
 }
 export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & {
     /**

package/dist/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts

@@ -6,7 +6,6 @@ type MultiSelectedValuesProps<Item> = {
     renderInput?: () => React.ReactNode;
     disabled?: boolean;
     readOnly?: boolean;
-    minVisibleCount?: number;
 };
-declare function MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount }: MultiSelectedValuesProps<Item>): React.JSX.Element;
+declare function MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly }: MultiSelectedValuesProps<Item>): React.JSX.Element;
 export default MultiSelectedValues;

package/dist/components/next/Dropdown/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" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "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" | "clearAriaLabel" | "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/hooks/dist/useClickOutside/index.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useRef as t}from"react";import{isClient as r}from"../../../shared/dist/utils/ssr-utils.js";import{useEventListener as a}from"../../../shared/dist/hooks/useEventListener.js";function n(n){var s=n.ref,c=n.callback,o=n.ignoreClasses,i=n.eventName,l=void 0===i?"click":i,u=e((function(e){s&&s.current&&!s.current.contains(e.target)&&(o&&e.target instanceof HTMLElement&&e.target.closest(o.join(","))||c(e))}),[s,c,o]),m=t(r()?document.body:null);a({eventName:l,ref:m,callback:u,capture:!0}),a({eventName:"touchend",ref:m,callback:u,capture:!0})}export{n as default};
+//# sourceMappingURL=index.js.map

package/dist/hooks/dist/useClickOutside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../hooks/dist/useClickOutside/index.js"],"sourcesContent":["import{useCallback as e,useRef as t}from\"react\";import{isClient as r,useEventListener as a}from\"@vibe/shared\";function c({ref:c,callback:n,ignoreClasses:o,eventName:l=\"click\"}){const i=e((e=>{if(!c||!c.current||c.current.contains(e.target))return;o&&e.target instanceof HTMLElement&&e.target.closest(o.join(\",\"))||n(e)}),[c,n,o]),s=t(r()?document.body:null);a({eventName:l,ref:s,callback:i,capture:!0}),a({eventName:\"touchend\",ref:s,callback:i,capture:!0})}export{c as default};\n//# sourceMappingURL=index.js.map\n"],"names":["c","_ref","ref","n","callback","o","ignoreClasses","_ref$eventName","eventName","l","i","e","current","contains","target","HTMLElement","closest","join","s","t","r","document","body","a","capture"],"mappings":"qMAGwB,SAAAA,EAAAC,GAIV,IAHZD,EAAAC,EADsCC,IAEtCC,EAAAF,EADGG,SAEHC,EAAAJ,EADQK,cAAAC,EAAAN,EACKO,UACbC,OAAY,IAAZF,EAAY,QAAAA,EAONG,EAAyBC,GAC5B,SAAAA,GACMX,GAAQA,EAAIY,UAAWZ,EAAIY,QAAQC,SAASF,EAAMG,UAI3BT,GAAiBM,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQX,EAAcY,KAAK,OAInEd,EAASQ,GAAM,GAGjB,CAACX,EAAKG,EAAUE,IAGZa,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAExDC,EAAiB,CACff,UAAAC,EACAP,IAAKgB,EACLd,SAAUM,EACVc,SAAS,IAGXD,EAAiB,CACff,UAAW,WACXN,IAAKgB,EACLd,SAAUM,EACVc,SAAS,GAEb"}

package/dist/hooks/index.d.ts

@@ -1,7 +1,7 @@
 export { default as useKeyEvent } from "./useKeyEvent";
 export { default as useEventListener } from "./useEventListener";
 export { default as useDebounceEvent } from "./useDebounceEvent";
-export { default as useClickOutside } from "./useClickOutside";
+export { useClickOutside } from "@vibe/hooks";
 export { default as useResizeObserver } from "./useResizeObserver";
 export { default as useAfterFirstRender } from "./useAfterFirstRender";
 export { default as useTimeout } from "./useTimeout";

package/dist/metadata.json

@@ -5811,7 +5811,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Dialog/Dialog.tsx",
+    "filePath": "src/Dialog/Dialog.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Dialog",
@@ -5821,7 +5821,8 @@
       "DialogPosition",
       "DialogTriggerEvent",
       "DialogAnimationType",
-      "DialogOffset"
+      "DialogOffset",
+      "DialogEvent"
     ],
     "displayName": "Dialog",
     "description": "",
@@ -6124,7 +6125,7 @@
         "name": "onDialogDidShow",
         "required": false,
         "type": {
-          "name": "(event?: any, eventName?: string) => void"
+          "name": "(event?: DialogEvent, eventName?: string) => void"
         }
       },
       "onDialogDidHide": {
@@ -6133,7 +6134,7 @@
         "name": "onDialogDidHide",
         "required": false,
         "type": {
-          "name": "(event: any, eventName: string) => void"
+          "name": "(event: DialogEvent, eventName: string) => void"
         }
       },
       "onClickOutside": {
@@ -6304,11 +6305,13 @@
         }
       }
     },
-    "import": "import { Dialog } from \"@vibe/core\"",
-    "subComponents": []
+    "import": "import { Dialog } from \"@vibe/dialog\"",
+    "subComponents": [
+      "DialogConstants"
+    ]
   },
   {
-    "filePath": "src/components/DialogContentContainer/DialogContentContainer.tsx",
+    "filePath": "src/DialogContentContainer/DialogContentContainer.tsx",
     "aggregator": "core",
     "symbols": [
       "default as DialogContentContainer",
@@ -6442,7 +6445,7 @@
         }
       }
     },
-    "import": "import { DialogContentContainer } from \"@vibe/core\"",
+    "import": "import { DialogContentContainer } from \"@vibe/dialog\"",
     "subComponents": []
   },
   {
@@ -9634,7 +9637,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/LayerProvider/LayerProvider.tsx",
+    "filePath": "src/LayerProvider/LayerProvider.tsx",
     "aggregator": "core",
     "symbols": [
       "default as LayerProvider",
@@ -9662,7 +9665,7 @@
         }
       }
     },
-    "import": "import { LayerProvider } from \"@vibe/core\"",
+    "import": "import { LayerProvider } from \"@vibe/layer\"",
     "subComponents": []
   },
   {
@@ -10781,6 +10784,65 @@
           "name": "string"
         }
       },
+      "rightIcon": {
+        "defaultValue": {
+          "value": ""
+        },
+        "description": "The right icon to be displayed.",
+        "name": "rightIcon",
+        "required": false,
+        "type": {
+          "name": "SubIcon"
+        }
+      },
+      "rightIconType": {
+        "defaultValue": null,
+        "description": "The type of right icon.",
+        "name": "rightIconType",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "IconType",
+          "value": [
+            {
+              "value": "\"svg\""
+            },
+            {
+              "value": "\"font\""
+            },
+            {
+              "value": "\"src\""
+            }
+          ]
+        }
+      },
+      "rightIconBackgroundColor": {
+        "defaultValue": null,
+        "description": "The background color of the right icon.",
+        "name": "rightIconBackgroundColor",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "rightIconWrapperClassName": {
+        "defaultValue": null,
+        "description": "Class name applied to the icon wrapper.",
+        "name": "rightIconWrapperClassName",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
+      "rightIconAriaLabel": {
+        "defaultValue": null,
+        "description": "The label of the menu item for accessibility.",
+        "name": "rightIconAriaLabel",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
       "disabled": {
         "defaultValue": {
           "value": "false"
@@ -20789,15 +20851,6 @@
           "name": "((options: Item[]) => void) | ((option: Item) => void)"
         }
       },
-      "minVisibleCount": {
-        "defaultValue": null,
-        "description": "Minimum number of selected chips to always show before overflowing to the counter.\nMinimum number of selected chips to always show before overflowing to the counter. (Not available for single select)",
-        "name": "minVisibleCount",
-        "required": false,
-        "type": {
-          "name": "number"
-        }
-      },
       "ref": {
         "defaultValue": null,
         "description": "",

package/dist/mocked_classnames/components/Info/Info.types.d.ts

@@ -1,5 +1,5 @@
 import { type VibeComponentProps } from "../../types";
-import { type DialogPosition } from "../Dialog/Dialog.types";
+import { type DialogPosition } from "@vibe/dialog";
 import { type InfoLinkProps } from "./components";
 export type InfoProps = BaseInfoProps & VibeComponentProps & InfoAriaLabelProps;
 interface BaseInfoProps {

package/dist/mocked_classnames/components/Menu/MenuItem/MenuItem.d.ts

@@ -28,6 +28,26 @@ export interface MenuItemProps extends VibeComponentProps {
      * The background color of the icon.
      */
     iconBackgroundColor?: string;
+    /**
+     * The right icon to be displayed.
+     */
+    rightIcon?: SubIcon;
+    /**
+     * The type of right icon.
+     */
+    rightIconType?: IconType;
+    /**
+     * The background color of the right icon.
+     */
+    rightIconBackgroundColor?: string;
+    /**
+     * Class name applied to the icon wrapper.
+     */
+    rightIconWrapperClassName?: string;
+    /**
+     * The label of the menu item for accessibility.
+     */
+    rightIconAriaLabel?: AriaAttributes["aria-label"];
     /**
      * If true, the menu item is disabled.
      */

package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { type MenuItemIconProps } from "./MenuItemIcon.types";
-declare const MenuItemIcon: ({ icon, type, label, disabled, selected, backgroundColor, wrapperClassName }: MenuItemIconProps) => React.JSX.Element;
+declare const MenuItemIcon: ({ icon, isRightIcon, type, label, disabled, selected, backgroundColor, wrapperClassName }: MenuItemIconProps) => React.JSX.Element;
 export default MenuItemIcon;

package/dist/mocked_classnames/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.types.d.ts

@@ -29,4 +29,9 @@ export interface MenuItemIconProps {
      * Additional class name for styling the icon wrapper.
      */
     wrapperClassName?: string;
+    /**
+     * If true, the icon appears on the right side.
+     * @default false
+     */
+    isRightIcon?: boolean;
 }

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

@@ -1,10 +1,10 @@
 import React from "react";
+import { DialogPositionEnum, DialogTriggerEventEnum, DialogSizeEnum } from "@vibe/dialog";
+import { type DialogOffset, type DialogPosition, type DialogSize, type DialogTriggerEvent } from "@vibe/dialog";
 import { type TooltipProps } from "../Tooltip/Tooltip";
 import { type ElementContent, type VibeComponentProps } from "../../types";
 import { MenuButtonComponentPosition as MenuButtonComponentPositionEnum, MenuButtonSize as MenuButtonSizeEnum } from "./MenuButtonConstants";
-import { DialogPosition as DialogPositionEnum, HideShowEvent as DialogTriggerEventEnum, DialogSize as DialogSizeEnum } from "../Dialog/DialogConstants";
 import { type MenuButtonComponentPosition, type MenuButtonSize } from "./MenuButton.types";
-import { type DialogOffset, type DialogPosition, type DialogSize, type DialogTriggerEvent } from "../Dialog/Dialog.types";
 import { type TooltipPositions } from "../Tooltip";
 export interface MenuButtonProps extends VibeComponentProps {
     /**

package/dist/mocked_classnames/components/Modal/footers/utils/getPropsForButton.d.ts

@@ -13,7 +13,7 @@ export declare function getPropsForButton(button?: ModalFooterActionProps, butto
         hideDelay?: number;
         showDelay?: number;
         disableDialogSlide?: boolean;
-        animationType?: import("../../..").DialogAnimationType;
+        animationType?: import("@vibe/dialog").DialogAnimationType;
         withoutDialog?: boolean;
         containerSelector?: string;
         immediateShowDelay?: number;
@@ -24,8 +24,8 @@ export declare function getPropsForButton(button?: ModalFooterActionProps, butto
         onTooltipShow?: () => void;
         modifiers?: Partial<import("@popperjs/core").Modifier<unknown, object>>[];
         position?: import("../../..").TooltipPositions;
-        showTrigger?: import("../../..").DialogTriggerEvent | import("../../..").DialogTriggerEvent[];
-        hideTrigger?: import("../../..").DialogTriggerEvent | import("../../..").DialogTriggerEvent[];
+        showTrigger?: import("@vibe/dialog").DialogTriggerEvent | import("@vibe/dialog").DialogTriggerEvent[];
+        hideTrigger?: import("@vibe/dialog").DialogTriggerEvent | import("@vibe/dialog").DialogTriggerEvent[];
         showOnDialogEnter?: boolean;
         addKeyboardHideShowTriggersByDefault?: boolean;
         open?: boolean;

package/dist/mocked_classnames/components/Slider/Slider.types.d.ts

@@ -1,5 +1,5 @@
 import { type BASE_SIZES } from "../../constants";
-import { type DialogPosition } from "../Dialog";
+import { type DialogPosition } from "@vibe/dialog";
 import { type TypographyColor } from "../Typography";
 export type SliderColor = "primary" | "negative" | "positive";
 export type SliderLabelColor = Extract<TypographyColor, "primary" | "secondary">;

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

@@ -1,7 +1,7 @@
 import React, { type ReactElement } from "react";
 import { type SplitButtonSecondaryContentPositionType } from "./SplitButtonConstants";
 import { type ButtonProps } from "@vibe/button";
-import { type DialogSize } from "../Dialog";
+import { type DialogSize } from "@vibe/dialog";
 export interface SplitButtonProps extends ButtonProps {
     /**
      * The element or renderer that is displayed inside the dialog opened by clicking the secondary button.
@@ -61,6 +61,6 @@ declare const _default: React.FC<SplitButtonProps> & {
     colors: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonColor;
     kinds: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonType;
     inputTags: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonInputType;
-    dialogPaddingSizes: typeof import("../Dialog/DialogConstants").DialogSize;
+    dialogPaddingSizes: typeof import("@vibe/dialog").DialogSizeEnum;
 };
 export default _default;

package/dist/mocked_classnames/components/SplitButton/SplitButtonConstants.d.ts

@@ -1,4 +1,4 @@
-import { HideShowEvent } from "../Dialog/DialogConstants";
+import { DialogTriggerEventEnum as HideShowEvent } from "@vibe/dialog";
 export declare const DIALOG_MOVE_BY: {
     main: number;
     secondary: number;

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

@@ -1,6 +1,6 @@
 import { type ReactElement } from "react";
-import { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum } from "../Dialog/DialogConstants";
-import { type DialogAnimationType, type DialogTriggerEvent } from "../Dialog/Dialog.types";
+import { type DialogAnimationType, type DialogTriggerEvent } from "@vibe/dialog";
+import { DialogAnimationTypeEnum as AnimationTypeEnum, DialogTriggerEventEnum as HideShowEventEnum } from "@vibe/dialog";
 import { TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum, TipseenColor as TipseenColorEnum } from "./TipseenConstants";
 import { type TipseenCloseButtonTheme, type TipseenColor } from "./Tipseen.types";
 import { type ElementContent, type VibeComponentProps } from "../../types";

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

@@ -1,7 +1,7 @@
 import React, { type CSSProperties, PureComponent, type ReactElement } from "react";
 import { type Modifier } from "react-popper";
-import { type DialogAnimationType, type DialogTriggerEvent } from "../Dialog/Dialog.types";
-import { HideShowEvent as HideShowEventEnum, AnimationType as AnimationTypeEnum } from "../Dialog/DialogConstants";
+import { type DialogAnimationType, type DialogTriggerEvent } from "@vibe/dialog";
+import { DialogTriggerEventEnum as HideShowEventEnum, DialogAnimationTypeEnum as AnimationTypeEnum } from "@vibe/dialog";
 import type VibeComponentProps from "../../types/VibeComponentProps";
 import { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from "./TooltipConstants";
 import { type ElementContent } from "../../types/ElementContent";

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

@@ -15,8 +15,7 @@ export * from "./ColorPicker";
 export * from "./Combobox";
 export * from "./Counter";
 export * from "./DatePicker";
-export * from "./Dialog";
-export * from "./DialogContentContainer";
+export { Dialog, DialogContentContainer, type DialogProps, type DialogContentContainerProps, type DialogType, type DialogSize, type DialogPosition, type DialogTriggerEvent, type DialogAnimationType, type DialogOffset, type DialogEvent } from "@vibe/dialog";
 export * from "./Divider";
 export * from "./Dropdown";
 export * from "./EditableHeading";
@@ -32,7 +31,7 @@ export * from "@vibe/icon";
 export * from "./IconButton";
 export * from "./Info";
 export * from "./Label";
-export * from "./LayerProvider";
+export { LayerProvider, type LayerProviderType } from "@vibe/layer";
 export * from "./Link";
 export * from "./List";
 export * from "./ListItem";

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

@@ -31,10 +31,6 @@ interface MultiSelectSpecifics<Item extends BaseListItemData<Record<string, unkn
      * Callback fired when the selected values change in multi-select mode.
      */
     onChange?: (options: Item[]) => void;
-    /**
-     * Minimum number of selected chips to always show before overflowing to the counter.
-     */
-    minVisibleCount?: number;
 }
 interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unknown>>> {
     /**
@@ -65,10 +61,6 @@ interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unk
      * Callback fired when the selected value changes in single-select mode.
      */
     onChange?: (option: Item) => void;
-    /**
-     * Minimum number of selected chips to always show before overflowing to the counter. (Not available for single select)
-     */
-    minVisibleCount?: never;
 }
 export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & {
     /**

package/dist/mocked_classnames/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts

@@ -6,7 +6,6 @@ type MultiSelectedValuesProps<Item> = {
     renderInput?: () => React.ReactNode;
     disabled?: boolean;
     readOnly?: boolean;
-    minVisibleCount?: number;
 };
-declare function MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly, minVisibleCount }: MultiSelectedValuesProps<Item>): React.JSX.Element;
+declare function MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({ selectedItems, onRemove, renderInput, disabled, readOnly }: MultiSelectedValuesProps<Item>): React.JSX.Element;
 export default MultiSelectedValues;

package/dist/mocked_classnames/components/next/Dropdown/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" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "minVisibleCount" | "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" | "clearAriaLabel" | "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/hooks/index.d.ts

@@ -1,7 +1,7 @@
 export { default as useKeyEvent } from "./useKeyEvent";
 export { default as useEventListener } from "./useEventListener";
 export { default as useDebounceEvent } from "./useDebounceEvent";
-export { default as useClickOutside } from "./useClickOutside";
+export { useClickOutside } from "@vibe/hooks";
 export { default as useResizeObserver } from "./useResizeObserver";
 export { default as useAfterFirstRender } from "./useAfterFirstRender";
 export { default as useTimeout } from "./useTimeout";

package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_76_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_77_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import{AlertBannerBackgroundColor as i}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./AlertBanner.module.scss.js";import f from"../Text/Text.js";import{AlertBannerContext as v}from"./AlertBannerContext.js";import B from"../../../icons/dist/react/CloseSmall.js";var b=p(o((function(o,i){var p=o.children,b=o.className,j=o.backgroundColor,A=void 0===j?"primary":j,y=o.onClose,C=void 0===y?l:y,E=o.ariaLabel,N=void 0===E?"":E,k=o.closeButtonAriaLabel,x=void 0===k?"Close":k,g=o.isCloseHidden,T=void 0!==g&&g,I=o.id,L=o["data-testid"],h=a((function(){return r(b,u.alertBanner,t(u,A))}),[b,A]),P="dark"===A,R="warning"===A,_=a((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=a((function(){return n.Children.toArray(p).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:P}))}))}),[p,P]);return n.createElement(f,{type:"text2",color:_,ref:i,className:h,role:"banner","aria-label":N||"banner",id:I,"data-testid":L||d(m.ALERT_BANNER,I),"data-vibe":c.ALERT_BANNER},n.createElement(v.Provider,{value:{textColor:_}},n.createElement("div",{className:r(u.content)},D.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(u.contentItem,e({},u.contentItemText,a))},a?n.createElement("div",{className:r(u.ellipsis)},t):t)})))),n.createElement("div",{className:r(u.closeButtonWrapper)},T?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:B,className:r(u.closeBtn),hideTooltip:!0,onClick:C,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color",ariaLabel:x})))})),{backgroundColors:i});export{b as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import{CloseSmall as i}from"@vibe/icons/mockedClassNames";import{AlertBannerBackgroundColor as l}from"./AlertBannerConstants.js";import{NOOP as m}from"../../utils/function-utils.js";import{ComponentDefaultTestId as c,ComponentVibeId as d}from"../../tests/constants.js";import{getTestId as p}from"../../tests/testIds.js";import{withStaticProps as u}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"./AlertBanner.module.scss.js";import v from"../Text/Text.js";import{AlertBannerContext as B}from"./AlertBannerContext.js";var b=u(o((function(o,l){var u=o.children,b=o.className,A=o.backgroundColor,j=void 0===A?"primary":A,y=o.onClose,C=void 0===y?m:y,E=o.ariaLabel,N=void 0===E?"":E,k=o.closeButtonAriaLabel,x=void 0===k?"Close":k,g=o.isCloseHidden,T=void 0!==g&&g,I=o.id,L=o["data-testid"],h=a((function(){return r(b,f.alertBanner,t(f,j))}),[b,j]),P="dark"===j,R="warning"===j,_=a((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=a((function(){return n.Children.toArray(u).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:P}))}))}),[u,P]);return n.createElement(v,{type:"text2",color:_,ref:l,className:h,role:"banner","aria-label":N||"banner",id:I,"data-testid":L||p(c.ALERT_BANNER,I),"data-vibe":d.ALERT_BANNER},n.createElement(B.Provider,{value:{textColor:_}},n.createElement("div",{className:r(f.content)},D.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(f.contentItem,e({},f.contentItemText,a))},a?n.createElement("div",{className:r(f.ellipsis)},t):t)})))),n.createElement("div",{className:r(f.closeButtonWrapper)},T?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:i,className:r(f.closeBtn),hideTooltip:!0,onClick:C,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color",ariaLabel:x})))})),{backgroundColors:l});export{b as default};
 //# sourceMappingURL=AlertBanner.js.map