@vibe/dialog 3.0.0

package/dist/Dialog/DialogContent/useDisableScroll.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Dialog/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Dialog, type DialogProps } from "./Dialog";
+export { HideShowEvent as DialogTriggerEventEnum, AnimationType as DialogAnimationTypeEnum, DialogPosition as DialogPositionEnum, DialogSize as DialogSizeEnum, DialogPlacement as DialogPlacementEnum } from "./DialogConstants";
+export { default as usePopover } from "./usePopover";
+export * from "./Dialog.types";

package/dist/Dialog/modifiers/observeContentResizeModifier.d.ts

@@ -0,0 +1,2 @@
+import { type Modifier } from "react-popper";
+export declare const createObserveContentResizeModifier: (isEnabled?: boolean) => Modifier<"observeContentResize">;

package/dist/Dialog/modifiers/observeContentResizeModifier.js

@@ -0,0 +1,2 @@
+const e=(e=!1)=>({name:"observeContentResize",enabled:e,phase:"beforeWrite",fn(){},effect({state:e,instance:n}){const t=new ResizeObserver((()=>{n.update()}));return t.observe(e.elements.popper),()=>{t.disconnect()}}});export{e as createObserveContentResizeModifier};
+//# sourceMappingURL=observeContentResizeModifier.js.map

package/dist/Dialog/modifiers/observeContentResizeModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observeContentResizeModifier.js","sources":["../../../src/Dialog/modifiers/observeContentResizeModifier.ts"],"sourcesContent":["import { type Modifier } from \"react-popper\";\n\nexport const createObserveContentResizeModifier = (isEnabled = false): Modifier<\"observeContentResize\"> => ({\n  name: \"observeContentResize\",\n  enabled: isEnabled,\n  phase: \"beforeWrite\",\n  fn() {},\n  effect({ state, instance }) {\n    const observer = new ResizeObserver(() => {\n      instance.update();\n    });\n    observer.observe(state.elements.popper);\n\n    return () => {\n      observer.disconnect();\n    };\n  }\n});\n"],"names":["createObserveContentResizeModifier","isEnabled","name","enabled","phase","fn","effect","state","instance","observer","ResizeObserver","update","observe","elements","popper","disconnect"],"mappings":"MAEaA,EAAqCA,CAACC,GAAY,KAA6C,CAC1GC,KAAM,uBACNC,QAASF,EACTG,MAAO,cACPC,EAAAA,GAAO,EACPC,MAAAA,EAAOC,MAAEA,EAAKC,SAAEA,IACd,MAAMC,EAAW,IAAIC,gBAAe,KAClCF,EAASG,QAAQ,IAInB,OAFAF,EAASG,QAAQL,EAAMM,SAASC,QAEzB,KACLL,EAASM,YAAY,CAEzB"}

package/dist/Dialog/modifiers/observeReferenceResizeModifier.d.ts

@@ -0,0 +1,2 @@
+import { type Modifier } from "react-popper";
+export declare const createObserveReferenceResizeModifier: (isEnabled?: boolean) => Modifier<"observeReferenceResize">;

package/dist/Dialog/modifiers/observeReferenceResizeModifier.js

@@ -0,0 +1,2 @@
+const e=(e=!1)=>({name:"observeReferenceResize",enabled:e,phase:"beforeWrite",fn(){},effect({state:e,instance:n}){if(!e.elements.reference)return;const r=new ResizeObserver((()=>{n.update()}));return r.observe(e.elements.reference),()=>{r.disconnect()}}});export{e as createObserveReferenceResizeModifier};
+//# sourceMappingURL=observeReferenceResizeModifier.js.map

package/dist/Dialog/modifiers/observeReferenceResizeModifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observeReferenceResizeModifier.js","sources":["../../../src/Dialog/modifiers/observeReferenceResizeModifier.ts"],"sourcesContent":["import { type Modifier } from \"react-popper\";\n\nexport const createObserveReferenceResizeModifier = (isEnabled = false): Modifier<\"observeReferenceResize\"> => ({\n  name: \"observeReferenceResize\",\n  enabled: isEnabled,\n  phase: \"beforeWrite\",\n  fn() {},\n  effect({ state, instance }) {\n    if (!state.elements.reference) return;\n\n    const observer = new ResizeObserver(() => {\n      instance.update();\n    });\n\n    const reference = state.elements.reference as Element;\n    observer.observe(reference);\n\n    return () => {\n      observer.disconnect();\n    };\n  }\n});\n"],"names":["createObserveReferenceResizeModifier","isEnabled","name","enabled","phase","fn","effect","state","instance","elements","reference","observer","ResizeObserver","update","observe","disconnect"],"mappings":"MAEaA,EAAuCA,CAACC,GAAY,KAA+C,CAC9GC,KAAM,yBACNC,QAASF,EACTG,MAAO,cACPC,EAAAA,GAAO,EACPC,MAAAA,EAAOC,MAAEA,EAAKC,SAAEA,IACd,IAAKD,EAAME,SAASC,UAAW,OAE/B,MAAMC,EAAW,IAAIC,gBAAe,KAClCJ,EAASK,QAAQ,IAMnB,OAFAF,EAASG,QADSP,EAAME,SAASC,WAG1B,KACLC,EAASI,YAAY,CAEzB"}

package/dist/Dialog/useForceUpdate.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function useForceUpdate(): import("react").DispatchWithoutAction;

package/dist/Dialog/useForceUpdate.js

@@ -0,0 +1,2 @@
+import{useReducer as t}from"react";const r=()=>({});function o(){return t(r,{})[1]}export{o as default};
+//# sourceMappingURL=useForceUpdate.js.map

package/dist/Dialog/useForceUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForceUpdate.js","sources":["../../src/Dialog/useForceUpdate.ts"],"sourcesContent":["import { useReducer } from \"react\";\n\n// the second argument of useReducer is the dispatch function\n// after calling dispatch we will set a new object in the state\n// if the state will change by reference it will force rerender of the component\n\nconst reducerAlwaysReturningNewObj = () => ({});\n\nexport default function useForceUpdate() {\n  return useReducer(reducerAlwaysReturningNewObj, {})[1];\n}\n"],"names":["reducerAlwaysReturningNewObj","useForceUpdate","useReducer"],"mappings":"mCAMA,MAAMA,EAA+BA,KAAO,CAAE,GAEhC,SAAUC,IACtB,OAAOC,EAAWF,EAA8B,IAAI,EACtD"}

package/dist/Dialog/usePopover.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { DialogPlacement as Placement } from "./DialogConstants";
+export default function usePopover(referenceElement: HTMLElement, popperElement: HTMLElement, { isOpen, placement, observeContentResize, observeReferenceResize, offset, fallbackPlacements }: {
+    isOpen?: boolean;
+    placement?: Placement;
+    observeContentResize?: boolean;
+    observeReferenceResize?: boolean;
+    offset?: [number, number];
+    fallbackPlacements?: Placement[];
+}): {
+    styles: {
+        [key: string]: import("react").CSSProperties;
+    };
+    attributes: {
+        [key: string]: {
+            [key: string]: string;
+        };
+    };
+};

package/dist/Dialog/usePopover.js

@@ -0,0 +1,2 @@
+import{useMemo as e}from"react";import{usePopper as t}from"react-popper";import{DialogPlacement as o}from"./DialogConstants.js";import{useIsomorphicLayoutEffect as s}from"@vibe/shared";import i from"./useForceUpdate.js";import{createObserveContentResizeModifier as r}from"./modifiers/observeContentResizeModifier.js";import{createObserveReferenceResizeModifier as n}from"./modifiers/observeReferenceResizeModifier.js";const{RIGHT_START:f,RIGHT_END:a,LEFT_START:m,LEFT_END:p}=o,l=[a,m,p];function c(o,a,{isOpen:m,placement:p=f,observeContentResize:c,observeReferenceResize:d,offset:b,fallbackPlacements:R=l}){const v=i();s((()=>{v()}),[o,a,v]);const T=e((()=>({placement:p,modifiers:[{name:"flip",options:{fallbackPlacements:R}},{name:"displayNone",enabled:!0,phase:"write",fn:({state:e})=>(e.styles.popper.visibility=m?"visible":"hidden",e)},r(c),n(d),void 0!==b&&{name:"offset",options:{offset:b}}]})),[p,c,b,m]),{styles:u,attributes:y}=t(o,a,T);return{styles:u,attributes:y}}export{c as default};
+//# sourceMappingURL=usePopover.js.map

package/dist/Dialog/usePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopover.js","sources":["../../src/Dialog/usePopover.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { usePopper } from \"react-popper\";\nimport { DialogPlacement as Placement } from \"./DialogConstants\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport useForceUpdate from \"./useForceUpdate\";\nimport type { Options, State } from \"@popperjs/core\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\nimport { createObserveReferenceResizeModifier } from \"./modifiers/observeReferenceResizeModifier\";\nconst { RIGHT_START, RIGHT_END, LEFT_START, LEFT_END } = Placement;\n\nconst DEFAULT_FALLBACK_PLACEMENTS = [RIGHT_END, LEFT_START, LEFT_END];\n\nexport default function usePopover(\n  referenceElement: HTMLElement,\n  popperElement: HTMLElement,\n  {\n    isOpen,\n    placement = RIGHT_START,\n    observeContentResize,\n    observeReferenceResize,\n    offset,\n    fallbackPlacements = DEFAULT_FALLBACK_PLACEMENTS\n  }: {\n    isOpen?: boolean;\n    placement?: Placement;\n    observeContentResize?: boolean;\n    observeReferenceResize?: boolean;\n    offset?: [number, number];\n    fallbackPlacements?: Placement[];\n  }\n) {\n  const forceUpdate = useForceUpdate();\n\n  // we have to use forceUpdate because\n  // usePopper need to run again after any refs changes, even after the first render.\n  useIsomorphicLayoutEffect(() => {\n    forceUpdate();\n  }, [referenceElement, popperElement, forceUpdate]);\n\n  const popperOptions: Pick<Options, \"placement\" | \"modifiers\"> = useMemo(() => {\n    return {\n      placement,\n      modifiers: [\n        {\n          name: \"flip\",\n          options: {\n            fallbackPlacements\n          }\n        },\n        {\n          name: \"displayNone\",\n          enabled: true,\n          phase: \"write\",\n          fn: ({ state }: { state: State }) => {\n            state.styles.popper.visibility = isOpen ? \"visible\" : \"hidden\";\n            return state;\n          }\n        },\n        createObserveContentResizeModifier(observeContentResize),\n        createObserveReferenceResizeModifier(observeReferenceResize),\n        offset !== undefined && {\n          name: \"offset\",\n          options: { offset }\n        }\n      ]\n    };\n  }, [placement, observeContentResize, offset, isOpen]);\n\n  const { styles, attributes } = usePopper(referenceElement, popperElement, popperOptions);\n\n  return { styles, attributes };\n}\n"],"names":["RIGHT_START","RIGHT_END","LEFT_START","LEFT_END","Placement","DEFAULT_FALLBACK_PLACEMENTS","usePopover","referenceElement","popperElement","isOpen","placement","observeContentResize","observeReferenceResize","offset","fallbackPlacements","forceUpdate","useForceUpdate","useIsomorphicLayoutEffect","popperOptions","useMemo","modifiers","name","options","enabled","phase","fn","state","styles","popper","visibility","createObserveContentResizeModifier","createObserveReferenceResizeModifier","undefined","attributes","usePopper"],"mappings":"kaAQA,MAAMA,YAAEA,EAAWC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAEnDC,EAA8B,CAACJ,EAAWC,EAAYC,GAE9C,SAAUG,EACtBC,EACAC,GACAC,OACEA,EAAMC,UACNA,EAAYV,EAAWW,qBACvBA,EAAoBC,uBACpBA,EAAsBC,OACtBA,EAAMC,mBACNA,EAAqBT,IAUvB,MAAMU,EAAcC,IAIpBC,GAA0B,KACxBF,GAAa,GACZ,CAACR,EAAkBC,EAAeO,IAErC,MAAMG,EAA0DC,GAAQ,KAC/D,CACLT,YACAU,UAAW,CACT,CACEC,KAAM,OACNC,QAAS,CACPR,uBAGJ,CACEO,KAAM,cACNE,SAAS,EACTC,MAAO,QACPC,GAAIA,EAAGC,YACLA,EAAMC,OAAOC,OAAOC,WAAapB,EAAS,UAAY,SAC/CiB,IAGXI,EAAmCnB,GACnCoB,EAAqCnB,QAC1BoB,IAAXnB,GAAwB,CACtBQ,KAAM,SACNC,QAAS,CAAET,eAIhB,CAACH,EAAWC,EAAsBE,EAAQJ,KAEvCkB,OAAEA,EAAMM,WAAEA,GAAeC,EAAU3B,EAAkBC,EAAeU,GAE1E,MAAO,CAAES,SAAQM,aACnB"}

package/dist/DialogContentContainer/DialogContentContainer.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { type VibeComponentProps } from "@vibe/shared";
+import { DialogSize as DialogSizeEnum, DialogType as DialogTypeEnum } from "../Dialog/DialogConstants";
+import { type DialogSize, type DialogType } from "../Dialog";
+export interface DialogContentContainerProps extends VibeComponentProps {
+    /**
+     * The content inside the dialog container.
+     */
+    children?: React.ReactNode;
+    /**
+     * The ID of the element that labels this dialog.
+     */
+    ariaLabelledby?: string;
+    /**
+     * The ID of the element that describes this dialog.
+     */
+    ariaDescribedby?: string;
+    /**
+     * The type of dialog.
+     */
+    type?: DialogType;
+    /**
+     * The size of the dialog.
+     */
+    size?: DialogSize;
+    /**
+     * Custom styles applied to the dialog container.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The ARIA role applied to the dialog container.
+     * Defaults to "dialog" when not provided. Pass `null` to remove the role attribute entirely.
+     */
+    role?: string | null;
+}
+declare const _default: React.ForwardRefExoticComponent<DialogContentContainerProps & React.RefAttributes<HTMLElement>> & {
+    types: typeof DialogTypeEnum;
+    sizes: typeof DialogSizeEnum;
+};
+export default _default;

package/dist/DialogContentContainer/DialogContentContainer.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=DialogContentContainer.js.map

package/dist/DialogContentContainer/DialogContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContentContainer.js","sources":["../../src/DialogContentContainer/DialogContentContainer.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport {\n  useMergeRef,\n  type VibeComponentProps,\n  withStaticProps,\n  ComponentDefaultTestId,\n  getTestId,\n  getStyle\n} from \"@vibe/shared\";\nimport { DialogSize as DialogSizeEnum, DialogType as DialogTypeEnum } from \"../Dialog/DialogConstants\";\nimport { type DialogSize, type DialogType } from \"../Dialog\";\nimport styles from \"./DialogContentContainer.module.scss\";\n\nexport interface DialogContentContainerProps extends VibeComponentProps {\n  /**\n   * The content inside the dialog container.\n   */\n  children?: React.ReactNode;\n  /**\n   * The ID of the element that labels this dialog.\n   */\n  ariaLabelledby?: string;\n  /**\n   * The ID of the element that describes this dialog.\n   */\n  ariaDescribedby?: string;\n  /**\n   * The type of dialog.\n   */\n  type?: DialogType;\n  /**\n   * The size of the dialog.\n   */\n  size?: DialogSize;\n  /**\n   * Custom styles applied to the dialog container.\n   */\n  style?: React.CSSProperties;\n  /**\n   * The ARIA role applied to the dialog container.\n   * Defaults to \"dialog\" when not provided. Pass `null` to remove the role attribute entirely.\n   */\n  role?: string | null;\n}\n\nconst DialogContentContainer = forwardRef(\n  (\n    {\n      id,\n      className = \"\",\n      ariaLabelledby = \"\",\n      ariaDescribedby = \"\",\n      type = \"popover\",\n      size = \"small\",\n      children,\n      style,\n      role,\n      \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.DIALOG_CONTENT_CONTAINER, id),\n      ...props\n    }: DialogContentContainerProps,\n    ref: React.Ref<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const roleValue = role === null ? undefined : role || \"dialog\";\n\n    return (\n      <div\n        id={id}\n        role={roleValue}\n        data-testid={dataTestId}\n        aria-labelledby={ariaLabelledby}\n        aria-describedby={ariaDescribedby}\n        ref={mergedRef}\n        style={style}\n        className={cx(\n          styles.dialogContentContainer,\n          className,\n          getStyle(styles, camelCase(\"type--\" + type)),\n          getStyle(styles, camelCase(\"size--\" + size))\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\ninterface DialogContentContainerStaticProps {\n  types: typeof DialogTypeEnum;\n  sizes: typeof DialogSizeEnum;\n}\n\nexport default withStaticProps<DialogContentContainerProps, DialogContentContainerStaticProps>(DialogContentContainer, {\n  types: DialogTypeEnum,\n  sizes: DialogSizeEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","id","className","ariaLabelledby","ariaDescribedby","type","size","children","style","role","dataTestId","getTestId","ComponentDefaultTestId","DIALOG_CONTENT_CONTAINER","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Object","assign","undefined","cx","styles","dialogContentContainer","getStyle","camelCase","types","DialogTypeEnum","sizes","DialogSizeEnum"],"mappings":"4ZAiGA,IAAeA,EAAAA,EAlDgBC,GAC7B,CACEC,EAaAC,SAbAC,GACEA,EAAEC,UACFA,EAAY,GAAEC,eACdA,EAAiB,GAAEC,gBACnBA,EAAkB,GAAEC,KACpBA,EAAO,UAASC,KAChBA,EAAO,QAAOC,SACdA,EAAQC,MACRA,EAAKC,KACLA,EACA,cAAeC,EAAaC,EAAUC,EAAuBC,yBAA0BZ,MACpFa,EAXLC,EAAAhB,EAAA,CAAA,KAAA,YAAA,iBAAA,kBAAA,OAAA,OAAA,WAAA,QAAA,OAAA,gBAeA,MAAMiB,EAAeC,EAAO,MACtBC,EAAYC,EAAYnB,EAAKgB,GAInC,OACEI,EAAAC,cAAA,MAAAC,OAAAC,OAAA,CACEtB,GAAIA,EACJQ,KALuB,OAATA,OAAgBe,EAAYf,GAAQ,SAKnC,cACFC,EAAU,kBACNP,EACC,mBAAAC,EAClBJ,IAAKkB,EACLV,MAAOA,EACPN,UAAWuB,EACTC,EAAOC,uBACPzB,EACA0B,EAASF,EAAQG,EAAU,SAAWxB,IACtCuB,EAASF,EAAQG,EAAU,SAAWvB,MAEpCQ,GAEHP,EACG,IAU2G,CACrHuB,MAAOC,EACPC,MAAOC"}

package/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){const a="s_id-f752ec1c8102_3_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.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/DialogContentContainer/DialogContentContainer.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContentContainer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/DialogContentContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as DialogContentContainer, type DialogContentContainerProps } from "./DialogContentContainer";

package/dist/Refable/Refable.d.ts

@@ -0,0 +1,11 @@
+import React, { type ReactElement } from "react";
+import { type VibeComponentProps } from "@vibe/shared";
+export declare const Refable: React.ForwardRefExoticComponent<Omit<React.HTMLProps<any> & VibeComponentProps & {
+    children?: React.ReactNode;
+} & {
+    children: ReactElement | ReactElement[] | string;
+    /**
+     * The wrapper element type to use for React components. Defaults to "span".
+     */
+    wrapperElement?: "span" | "div";
+}, "ref"> & React.RefAttributes<React.ReactElement<any, string | React.JSXElementConstructor<any>>>>;

package/dist/Refable/Refable.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=Refable.js.map

package/dist/Refable/Refable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Refable.js","sources":["../../src/Refable/Refable.tsx"],"sourcesContent":["import React, { type HTMLProps, type MutableRefObject, type ReactElement } from \"react\";\nimport { chainFunctions, chainRefFunctions, type VibeComponentProps } from \"@vibe/shared\";\n\nexport const Refable = React.forwardRef<\n  ReactElement,\n  React.PropsWithChildren<unknown & HTMLProps<any> & VibeComponentProps> & {\n    children: ReactElement | ReactElement[] | string;\n    /**\n     * The wrapper element type to use for React components. Defaults to \"span\".\n     */\n    wrapperElement?: \"span\" | \"div\";\n  }\n  //   @ts-expect-error React forwardRef type def doesn't seem to support multiple refs\n>(({ children, wrapperElement = \"span\", ...rest }, ref) => {\n  return React.Children.map(children, child => {\n    if (!React.isValidElement(child)) return null;\n\n    if (typeof child.type !== \"string\") {\n      const WrapperElement = wrapperElement;\n      return (\n        <WrapperElement ref={ref as MutableRefObject<any>} {...rest}>\n          {React.cloneElement(child, { ...child.props })}\n        </WrapperElement>\n      );\n    }\n\n    return React.cloneElement(child, {\n      ...rest,\n      ...child.props,\n      onClick: getChainedFunction(\"onClick\", child.props, rest),\n      onBlur: getChainedFunction(\"onBlur\", child.props, rest),\n      onMouseEnter: getChainedFunction(\"onMouseEnter\", child.props, rest),\n      onMouseLeave: getChainedFunction(\"onMouseLeave\", child.props, rest),\n      onMouseDown: getChainedFunction(\"onMouseDown\", child.props, rest),\n      onFocus: getChainedFunction(\"onFocus\", child.props, rest),\n      // @ts-expect-error\n      ref: chainRefFunctions([child.ref, ref as MutableRefObject<any>])\n    });\n  });\n});\n\nfunction getChainedFunction(\n  name: keyof React.HTMLProps<unknown>,\n  childProps: React.PropsWithChildren<React.HTMLProps<unknown>>,\n  wrapperProps: React.HTMLProps<unknown>\n) {\n  return chainFunctions([childProps[name], wrapperProps[name]], true);\n}\n"],"names":["Refable","React","forwardRef","_a","ref","children","wrapperElement","rest","__rest","Children","map","child","isValidElement","type","Object","assign","cloneElement","props","onClick","getChainedFunction","onBlur","onMouseEnter","onMouseLeave","onMouseDown","onFocus","chainRefFunctions","name","childProps","wrapperProps","chainFunctions"],"mappings":"yIAGO,MAAMA,EAAUC,EAAMC,YAU3B,CAACC,EAAgDC,SAAhDC,SAAEA,EAAQC,eAAEA,EAAiB,UAAWC,EAAxCC,EAAAL,EAAA,CAAA,WAAA,mBACD,OAAOF,EAAMQ,SAASC,IAAIL,GAAUM,IAClC,IAAKV,EAAMW,eAAeD,GAAQ,OAAO,KAEzC,GAA0B,iBAAfA,EAAME,KAAmB,CAElC,OACEZ,gBAFqBK,EAENQ,OAAAC,OAAA,CAACX,IAAKA,GAAkCG,GACpDN,EAAMe,aAAaL,EAAYG,OAAAC,OAAA,GAAAJ,EAAMM,QAG3C,CAED,OAAOhB,EAAMe,aAAaL,EAAKG,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC1BR,GACAI,EAAMM,OAAK,CACdC,QAASC,EAAmB,UAAWR,EAAMM,MAAOV,GACpDa,OAAQD,EAAmB,SAAUR,EAAMM,MAAOV,GAClDc,aAAcF,EAAmB,eAAgBR,EAAMM,MAAOV,GAC9De,aAAcH,EAAmB,eAAgBR,EAAMM,MAAOV,GAC9DgB,YAAaJ,EAAmB,cAAeR,EAAMM,MAAOV,GAC5DiB,QAASL,EAAmB,UAAWR,EAAMM,MAAOV,GAEpDH,IAAKqB,EAAkB,CAACd,EAAMP,IAAKA,MACnC,GACF,IAGJ,SAASe,EACPO,EACAC,EACAC,GAEA,OAAOC,EAAe,CAACF,EAAWD,GAAOE,EAAaF,KAAQ,EAChE"}

package/dist/Refable/index.d.ts

@@ -0,0 +1 @@
+export { Refable } from "./Refable";

package/dist/_virtual/_tslib.js

@@ -0,0 +1,2 @@
+function r(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&0>e.indexOf(o)&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);o.length>n;n++)0>e.indexOf(o[n])&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t}"function"==typeof SuppressedError&&SuppressedError;export{r as __rest};
+//# sourceMappingURL=_tslib.js.map

package/dist/_virtual/_tslib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Dialog";
+export * from "./DialogContentContainer";

package/dist/index.js

@@ -0,0 +1,2 @@
+export{default as Dialog}from"./Dialog/Dialog.js";export{AnimationType as DialogAnimationTypeEnum,DialogPlacement as DialogPlacementEnum,DialogPosition as DialogPositionEnum,DialogSize as DialogSizeEnum,HideShowEvent as DialogTriggerEventEnum}from"./Dialog/DialogConstants.js";export{default as usePopover}from"./Dialog/usePopover.js";export{default as DialogContentContainer}from"./DialogContentContainer/DialogContentContainer.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,267 @@
+import React, { PureComponent, type ReactElement } from "react";
+import { type Modifier } from "react-popper";
+import { NOOP, type VibeComponentProps } from "@vibe/shared";
+import { AnimationType as AnimationTypeEnum, HideShowEvent as DialogTriggerEventEnum, DialogPosition as DialogPositionEnum } from "./DialogConstants";
+import type * as PopperJS from "@popperjs/core";
+import { type DialogAnimationType, type DialogPosition, type DialogTriggerEvent, type DialogEvent } from "./Dialog.types";
+import { LayerContext } from "@vibe/layer";
+export interface DialogProps extends VibeComponentProps {
+    /**
+     * Class name applied to the reference wrapper element.
+     */
+    referenceWrapperClassName?: string;
+    /**
+     * The wrapper element type to use for React components. Defaults to "span".
+     */
+    referenceWrapperElement?: "span" | "div";
+    /**
+     * The placement of the dialog relative to the reference element.
+     */
+    position?: DialogPosition;
+    /**
+     * Custom Popper.js modifiers.
+     * https://popper.js.org/docs/v2/modifiers/
+     */
+    modifiers?: Modifier<any>[];
+    /**
+     * The starting edge of the dialog.
+     */
+    startingEdge?: string;
+    /**
+     * Offset values for positioning adjustments.
+     * `main` - horizontal offset
+     * `secondary` - vertical offset
+     */
+    moveBy?: {
+        main?: number;
+        secondary?: number;
+    };
+    /**
+     * Delay in milliseconds before showing the dialog.
+     */
+    showDelay?: number;
+    /**
+     * Delay in milliseconds before hiding the dialog.
+     */
+    hideDelay?: number;
+    /**
+     * Events that trigger showing the dialog.
+     */
+    showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
+    /**
+     * Events that trigger hiding the dialog.
+     */
+    hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];
+    /**
+     * If true, prevents closing the dialog when the mouse enters it.
+     */
+    showOnDialogEnter?: boolean;
+    /**
+     * If true, shows the dialog when the component mounts.
+     */
+    shouldShowOnMount?: boolean;
+    /**
+     * If true, disables opening the dialog.
+     */
+    disable?: boolean;
+    /**
+     * Controls the open state of the dialog.
+     */
+    open?: boolean;
+    /**
+     * Derived state control for managing dialog visibility.
+     */
+    isOpen?: boolean;
+    /**
+     * Classes that prevent showing the dialog when present.
+     */
+    showTriggerIgnoreClass?: string | Array<string>;
+    /**
+     * Classes that prevent hiding the dialog when present.
+     */
+    hideTriggerIgnoreClass?: string | Array<string>;
+    /**
+     * The animation type used for the dialog.
+     */
+    animationType?: DialogAnimationType;
+    /**
+     * Class name applied to the dialog content container.
+     */
+    wrapperClassName?: string;
+    /**
+     * If true, prevents animation when mounting.
+     */
+    preventAnimationOnMount?: boolean;
+    /**
+     * The CSS selector of the container where the dialog is rendered.
+     */
+    containerSelector?: string;
+    /**
+     * If true, positions the tooltip element.
+     */
+    tooltip?: boolean;
+    /**
+     * Class name applied to the tooltip element.
+     */
+    tooltipClassName?: string;
+    /**
+     * Callback fired when the dialog is shown.
+     */
+    onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;
+    /**
+     * Callback fired when the dialog is hidden.
+     */
+    onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;
+    /**
+     * Callback fired when clicking outside the dialog.
+     */
+    onClickOutside?: (event: React.MouseEvent) => void;
+    /**
+     * Callback fired when clicking inside the dialog content.
+     */
+    onContentClick?: (event: React.MouseEvent) => void;
+    /**
+     * The z-index applied to the dialog.
+     */
+    zIndex?: number;
+    /**
+     * If true, uses derived state from props.
+     */
+    useDerivedStateFromProps?: boolean;
+    /**
+     * If true, makes the dialog disappear when the reference element is hidden.
+     */
+    hideWhenReferenceHidden?: boolean;
+    /**
+     * If true, triggers the callback when the dialog mounts.
+     */
+    shouldCallbackOnMount?: boolean;
+    /**
+     * If true, instantly shows and hides the dialog without delay.
+     */
+    instantShowAndHide?: boolean;
+    /**
+     * Callback to dynamically adjust show delay and animation behavior.
+     */
+    getDynamicShowDelay?: () => {
+        showDelay: number;
+        preventAnimation: boolean;
+    };
+    /**
+     * The content displayed inside the dialog.
+     */
+    content?: (() => JSX.Element) | JSX.Element;
+    /**
+     * The element to position the dialog beside.
+     */
+    children?: ReactElement | ReactElement[] | string;
+    /**
+     * If true, keyboard focus/blur events behave like mouse enter/leave.
+     */
+    addKeyboardHideShowTriggersByDefault?: boolean;
+    /**
+     * If true, disables scrolling for the container element.
+     */
+    disableContainerScroll?: boolean | string;
+    /**
+     * Enables the observation of content resize for the popper element.
+     * When set to `true`, a ResizeObserver is attached to the popper content,
+     * automatically triggering repositioning when the size of the content changes.
+     *
+     * This is useful for dialogs, tooltips, or popovers with dynamic content
+     * that may grow or shrink without a re-render being triggered.
+     */
+    observeContentResize?: boolean;
+    /**
+     * If true, provides a LayerProvider context for nested dialogs to render correctly.
+     * This is useful when you have components that use Dialog internally (like Dropdown)
+     * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.
+     */
+    enableNestedDialogLayer?: boolean;
+}
+export interface DialogState {
+    /**
+     * If true, the dialog is open.
+     */
+    isOpen?: boolean;
+    /**
+     * If true, the dialog state is derived from props.
+     */
+    shouldUseDerivedStateFromProps?: boolean;
+    /**
+     * If true, prevents animation when opening or closing the dialog.
+     */
+    preventAnimation?: boolean;
+}
+export default class Dialog extends PureComponent<DialogProps, DialogState> {
+    static hideShowTriggers: typeof DialogTriggerEventEnum;
+    static positions: typeof DialogPositionEnum;
+    static animationTypes: typeof AnimationTypeEnum;
+    static defaultProps: {
+        position: string;
+        modifiers: (import("react-popper").StrictModifier<any> | Partial<PopperJS.Modifier<any, object>>)[];
+        moveBy: {
+            main: number;
+            secondary: number;
+        };
+        showDelay: number;
+        hideDelay: number;
+        showTrigger: DialogTriggerEventEnum;
+        hideTrigger: DialogTriggerEventEnum;
+        showOnDialogEnter: boolean;
+        shouldShowOnMount: boolean;
+        disable: boolean;
+        open: boolean;
+        animationType: AnimationTypeEnum;
+        preventAnimationOnMount: boolean;
+        tooltip: boolean;
+        onDialogDidShow: typeof NOOP;
+        onDialogDidHide: typeof NOOP;
+        onClickOutside: typeof NOOP;
+        onContentClick: typeof NOOP;
+        useDerivedStateFromProps: boolean;
+        hideWhenReferenceHidden: boolean;
+        shouldCallbackOnMount: boolean;
+        instantShowAndHide: boolean;
+        addKeyboardHideShowTriggersByDefault: boolean;
+        observeContentResize: boolean;
+        enableNestedDialogLayer: boolean;
+    };
+    private showTimeout;
+    private hideTimeout;
+    private containerRef;
+    context: React.ContextType<typeof LayerContext>;
+    constructor(props: DialogProps);
+    closeDialogOnEscape(event: KeyboardEvent): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState;
+    getDefaultContainer(): HTMLElement;
+    getContainer(): Element;
+    showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options?: {
+        preventAnimation?: boolean;
+    }): void;
+    onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options?: {}): void;
+    hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string): void;
+    handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent): void;
+    isShown(): boolean;
+    isShowTrigger(eventName: DialogTriggerEvent): boolean;
+    isHideTrigger(eventName: DialogTriggerEvent): boolean;
+    onMouseEnter(e: React.MouseEvent): void;
+    onMouseLeave(e: React.MouseEvent): void;
+    onClick(e: React.MouseEvent): void;
+    onKeyDown(event: React.KeyboardEvent): void;
+    onMouseDown(e: React.MouseEvent): void;
+    onFocus(e: React.FocusEvent): void;
+    onBlur(e: React.FocusEvent): void;
+    onEsc(e: React.KeyboardEvent): void;
+    onContextMenu(e: React.MouseEvent): void;
+    onClickOutside(event: React.MouseEvent): void;
+    onDialogEnter(event: React.MouseEvent): void;
+    onDialogLeave(event: React.MouseEvent): void;
+    onContentClick(e: React.MouseEvent): void;
+    render(): string | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | React.JSX.Element;
+}

package/dist/mocked_classnames/Dialog/Dialog.js

@@ -0,0 +1,2 @@
+import e from"classnames";import t,{PureComponent as i}from"react";import{createPortal as o}from"react-dom";import{Manager as n,Reference as s,Popper as r}from"react-popper";import{isFunction as h}from"es-toolkit";import{NOOP as a,isClient as l,isInsideClass as d,convertToArray as u,getTestId as c,ComponentDefaultTestId as p,chainRefFunctions as m,chainFunctions as g}from"@vibe/shared";import D from"./DialogContent/DialogContent.js";import{Refable as f}from"../Refable/Refable.js";import{HideShowEvent as w,DialogPosition as E,AnimationType as C}from"./DialogConstants.js";import T from"./Dialog.module.scss.js";import{LayerContext as v,LayerProvider as y}from"@vibe/layer";import{createObserveContentResizeModifier as b}from"./modifiers/observeContentResizeModifier.js";class S extends i{constructor(e){super(e),this.state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},this.containerRef=t.createRef(),this.onMouseEnter=this.onMouseEnter.bind(this),this.onMouseLeave=this.onMouseLeave.bind(this),this.onMouseDown=this.onMouseDown.bind(this),this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.isShown=this.isShown.bind(this),this.onEsc=this.onEsc.bind(this),this.onClickOutside=this.onClickOutside.bind(this),this.onDialogEnter=this.onDialogEnter.bind(this),this.onDialogLeave=this.onDialogLeave.bind(this),this.getContainer=this.getContainer.bind(this),this.onContentClick=this.onContentClick.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.closeDialogOnEscape=this.closeDialogOnEscape.bind(this),this.onContextMenu=this.onContextMenu.bind(this),this.getDefaultContainer=this.getDefaultContainer.bind(this),this.hideTimeout=null,this.showTimeout=null}closeDialogOnEscape(e){const{isOpen:t}=this.state;if(t)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,w.ESCAPE_KEY);break;case"Tab":this.handleEvent(w.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(w.ENTER,e.target,e)}}componentDidMount(){const{shouldCallbackOnMount:e,onDialogDidShow:t}=this.props,{isOpen:i}=this.state;l()&&document.addEventListener("keyup",this.closeDialogOnEscape),e&&i&&t&&t()}componentWillUnmount(){l()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}static getDerivedStateFromProps(e,t){return t.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}getDefaultContainer(){const{layerRef:e}=this.context;return(null==e?void 0:e.current)?e.current:document.body}getContainer(){const{containerSelector:e}=this.props;if(!e)return this.getDefaultContainer();const t=document.querySelector(e);return t&&t instanceof Element?t:this.getDefaultContainer()}showDialog(e,t,i={}){const{showDelay:o,instantShowAndHide:n,getDynamicShowDelay:s}=this.props;let r=o,h=i.preventAnimation;if(s){const e=s();r=e.showDelay||0,h=h||e.preventAnimation}n?(this.onShowDialog(e,t),this.setState({isOpen:!0,preventAnimation:h}),this.showTimeout=null):this.showTimeout=setTimeout((()=>{this.onShowDialog(e,t),this.showTimeout=null,this.setState({isOpen:!0,preventAnimation:h})}),r)}onShowDialog(e,t){if(this.isShown())return;const{onDialogDidShow:i}=this.props;i(e,t)}showDialogIfNeeded(e,t,i={}){const{disable:o}=this.props;o||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,t,i))}hideDialog(e,t){const{hideDelay:i,instantShowAndHide:o}=this.props;o?(this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((()=>{this.onHideDialog(e,t),this.setState({isOpen:!1}),this.hideTimeout=null}),i)}onHideDialog(e,t){const{onDialogDidHide:i}=this.props;i&&i(e,t)}hideDialogIfNeeded(e,t){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,t)}handleEvent(e,t,i){const{showTriggerIgnoreClass:o,hideTriggerIgnoreClass:n}=this.props;return!this.isShowTrigger(e)||this.isShown()||d(t,o)?this.isHideTrigger(e)&&!d(t,n)?this.hideDialogIfNeeded(i,e):void 0:this.showDialogIfNeeded(i,e)}isShown(){const{isOpen:e}=this.state,{open:t}=this.props;return e||t}isShowTrigger(e){const{showTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"focus"!==e||-1>=o.indexOf("mouseenter"))||o.indexOf(e)>-1}isHideTrigger(e){const{hideTrigger:t,addKeyboardHideShowTriggersByDefault:i}=this.props,o=u(t);return!(!i||"blur"!==e||-1>=o.indexOf("mouseleave"))||o.indexOf(e)>-1}onMouseEnter(e){this.handleEvent("mouseenter",e.target,e)}onMouseLeave(e){this.handleEvent("mouseleave",e.target,e)}onClick(e){e.button||this.handleEvent("click",e.target,e)}onKeyDown(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}onMouseDown(e){e.button||this.handleEvent("mousedown",e.target,e)}onFocus(e){this.handleEvent("focus",e.target,e)}onBlur(e){this.handleEvent("blur",e.relatedTarget,e)}onEsc(e){this.handleEvent("esckey",e.target,e)}onContextMenu(e){const t=this.isShown();(this.isShowTrigger("contextmenu")&&!t||this.isHideTrigger("contextmenu")&&t)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}onClickOutside(e){const{onClickOutside:t}=this.props;this.handleEvent("clickoutside",e.target,e),t(e)}onDialogEnter(e){const{showOnDialogEnter:t}=this.props;t&&this.showDialogIfNeeded(e,"DialogEnter")}onDialogLeave(e){const{showOnDialogEnter:t}=this.props;t&&this.hideDialogIfNeeded(e,"DialogLeave")}onContentClick(e){const{onContentClick:t}=this.props;this.handleEvent("onContentClick",e.target,e),t(e)}render(){const{wrapperClassName:i,content:a,startingEdge:d,children:u,preventAnimationOnMount:g,animationType:w,position:E,showDelay:C,moveBy:v,modifiers:S,tooltip:M,tooltipClassName:k,referenceWrapperClassName:x,referenceWrapperElement:H,zIndex:R,hideWhenReferenceHidden:N,disableContainerScroll:L,containerSelector:A,observeContentResize:I,enableNestedDialogLayer:B,id:F,"data-testid":K}=this.props,{preventAnimation:P}=this.state,j=K||c(p.DIALOG,F),z=g||P?void 0:w,U=h(a)?a():a;return U?t.createElement(n,null,t.createElement(s,null,(({ref:i})=>t.createElement(f,{className:e(x),wrapperElement:H,ref:i,onBlur:O("onBlur",this,this.props),onKeyDown:O("onKeyDown",this,this.props),onClick:O("onClick",this,this.props),onFocus:O("onFocus",this,this.props),onMouseDown:O("onMouseDown",this,this.props),onMouseEnter:O("onMouseEnter",this,this.props),onMouseLeave:O("onMouseLeave",this,this.props),onContextMenu:O("onContextMenu",this,this.props)},u))),l()&&o(t.createElement(r,{placement:E,modifiers:[{name:"offset",options:{offset:[v.secondary,v.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:({state:e})=>(R&&(e.styles.popper.zIndex=R+""),e)},{name:"rotator",enabled:!0,phase:"write",fn:({state:e})=>e.styles.arrow?(e.styles.arrow.transform=e.styles.arrow.transform+" rotate(45deg)",e):e},b(I),...S]},(({placement:o,style:n,ref:s,arrowProps:r,isReferenceHidden:h})=>{if(!this.isShown()&&o)return null;if(N&&h){const e=new CustomEvent("onReferenceHidden");this.hideDialog(e,"onReferenceHidden")}const a=m([s,this.containerRef]),l=t.createElement(D,{"data-testid":j,isReferenceHidden:N&&h,onMouseEnter:this.onDialogEnter,onMouseLeave:this.onDialogLeave,onClickOutside:this.onClickOutside,onContextMenu:this.onContextMenu,onEsc:this.onEsc,animationType:z,position:o,wrapperClassName:i,startingEdge:d,isOpen:this.isShown(),showDelay:C,styleObject:n,ref:a,onClick:this.onContentClick,hasTooltip:!!M,containerSelector:A,disableContainerScroll:L},U,M&&t.createElement("div",{style:r.style,ref:r.ref,className:e(T.arrow,k),"data-placement":o}));return B?t.createElement(y,{layerRef:this.containerRef},l):l})),this.getContainer())):u}}function O(e,t,i){return g([i[e],t[e]],!0)}S.hideShowTriggers=w,S.positions=E,S.animationTypes=C,S.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:S.hideShowTriggers.MOUSE_ENTER,hideTrigger:S.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:S.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:a,onDialogDidHide:a,onClickOutside:a,onContentClick:a,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1,enableNestedDialogLayer:!1},S.contextType=v;export{S as default};
+//# sourceMappingURL=Dialog.js.map

package/dist/mocked_classnames/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n  chainFunctions,\n  chainRefFunctions,\n  convertToArray,\n  NOOP,\n  isInsideClass,\n  type VibeComponentProps,\n  ComponentDefaultTestId,\n  getTestId,\n  isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport {\n  type DialogAnimationType,\n  type DialogPosition,\n  type DialogTriggerEvent,\n  type DialogEvent\n} from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * The wrapper element type to use for React components. Defaults to \"span\".\n   */\n  referenceWrapperElement?: \"span\" | \"div\";\n  /**\n   * The placement of the dialog relative to the reference element.\n   */\n  position?: DialogPosition;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  /**\n   * The starting edge of the dialog.\n   */\n  startingEdge?: string;\n  /**\n   * Offset values for positioning adjustments.\n   * `main` - horizontal offset\n   * `secondary` - vertical offset\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * Delay in milliseconds before showing the dialog.\n   */\n  showDelay?: number;\n  /**\n   * Delay in milliseconds before hiding the dialog.\n   */\n  hideDelay?: number;\n  /**\n   * Events that trigger showing the dialog.\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * Events that trigger hiding the dialog.\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents closing the dialog when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * If true, shows the dialog when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, disables opening the dialog.\n   */\n  disable?: boolean;\n  /**\n   * Controls the open state of the dialog.\n   */\n  open?: boolean;\n  /**\n   * Derived state control for managing dialog visibility.\n   */\n  isOpen?: boolean;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The animation type used for the dialog.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Class name applied to the dialog content container.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, prevents animation when mounting.\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * The CSS selector of the container where the dialog is rendered.\n   */\n  containerSelector?: string;\n  /**\n   * If true, positions the tooltip element.\n   */\n  tooltip?: boolean;\n  /**\n   * Class name applied to the tooltip element.\n   */\n  tooltipClassName?: string;\n  /**\n   * Callback fired when the dialog is shown.\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when the dialog is hidden.\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when clicking outside the dialog.\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when clicking inside the dialog content.\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index applied to the dialog.\n   */\n  zIndex?: number;\n  /**\n   * If true, uses derived state from props.\n   */\n  useDerivedStateFromProps?: boolean;\n  /**\n   * If true, makes the dialog disappear when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * If true, triggers the callback when the dialog mounts.\n   */\n  shouldCallbackOnMount?: boolean;\n  /**\n   * If true, instantly shows and hides the dialog without delay.\n   */\n  instantShowAndHide?: boolean;\n  /**\n   * Callback to dynamically adjust show delay and animation behavior.\n   */\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  /**\n   * The content displayed inside the dialog.\n   */\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element to position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, disables scrolling for the container element.\n   */\n  disableContainerScroll?: boolean | string;\n  /**\n   * Enables the observation of content resize for the popper element.\n   * When set to `true`, a ResizeObserver is attached to the popper content,\n   * automatically triggering repositioning when the size of the content changes.\n   *\n   * This is useful for dialogs, tooltips, or popovers with dynamic content\n   * that may grow or shrink without a re-render being triggered.\n   */\n  observeContentResize?: boolean;\n  /**\n   * If true, provides a LayerProvider context for nested dialogs to render correctly.\n   * This is useful when you have components that use Dialog internally (like Dropdown)\n   * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.\n   */\n  enableNestedDialogLayer?: boolean;\n}\n\nexport interface DialogState {\n  /**\n   * If true, the dialog is open.\n   */\n  isOpen?: boolean;\n  /**\n   * If true, the dialog state is derived from props.\n   */\n  shouldUseDerivedStateFromProps?: boolean;\n  /**\n   * If true, prevents animation when opening or closing the dialog.\n   */\n  preventAnimation?: boolean;\n}\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false,\n    observeContentResize: false,\n    enableNestedDialogLayer: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n  private containerRef: React.RefObject<HTMLDivElement>;\n  context!: React.ContextType<typeof LayerContext>;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    this.containerRef = React.createRef<HTMLDivElement>();\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n    this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    if (isClient()) {\n      document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    if (isClient()) {\n      document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getDefaultContainer() {\n    const { layerRef } = this.context;\n    if (layerRef?.current) {\n      return layerRef.current;\n    }\n    return document.body;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    if (!containerSelector) {\n      return this.getDefaultContainer();\n    }\n\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      return this.getDefaultContainer();\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      referenceWrapperElement,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      observeContentResize,\n      enableNestedDialogLayer,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                wrapperElement={referenceWrapperElement}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {isClient() &&\n          createPortal(\n            <Popper\n              placement={position as unknown as PopperJS.Placement}\n              modifiers={[\n                {\n                  name: \"offset\",\n                  options: {\n                    offset: [moveBy.secondary, moveBy.main]\n                  }\n                },\n                {\n                  name: \"zIndex\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (zIndex) {\n                      state.styles.popper.zIndex = String(zIndex);\n                    }\n                    return state;\n                  }\n                },\n                {\n                  name: \"rotator\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (!state.styles.arrow) {\n                      return state;\n                    }\n                    // const reg = new RegExp(\n                    //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                    // );\n                    // const transform = state.styles.arrow.transform;\n                    // const res = reg.exec(transform);\n                    // state.styles.popper.transformOrigin = `${100 -\n                    //   res[1]}% ${100 - res[2]}%`;\n                    state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                    return state;\n                  }\n                },\n                createObserveContentResizeModifier(observeContentResize),\n                ...modifiers\n              ]}\n            >\n              {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n                if (!this.isShown() && placement) {\n                  return null;\n                }\n\n                if (hideWhenReferenceHidden && isReferenceHidden) {\n                  const event = new CustomEvent(\"onReferenceHidden\");\n                  this.hideDialog(event, \"onReferenceHidden\");\n                }\n\n                const mergedRef = chainRefFunctions([ref, this.containerRef]);\n\n                const dialogContent = (\n                  <DialogContent\n                    data-testid={overrideDataTestId}\n                    isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                    onMouseEnter={this.onDialogEnter}\n                    onMouseLeave={this.onDialogLeave}\n                    onClickOutside={this.onClickOutside}\n                    onContextMenu={this.onContextMenu}\n                    onEsc={this.onEsc}\n                    animationType={animationTypeCalculated}\n                    position={placement}\n                    wrapperClassName={wrapperClassName}\n                    startingEdge={startingEdge}\n                    isOpen={this.isShown()}\n                    showDelay={showDelay}\n                    styleObject={style}\n                    ref={mergedRef}\n                    onClick={this.onContentClick}\n                    hasTooltip={!!tooltip}\n                    containerSelector={containerSelector}\n                    disableContainerScroll={disableContainerScroll}\n                  >\n                    {contentRendered}\n                    {tooltip && (\n                      <div\n                        style={arrowProps.style}\n                        ref={arrowProps.ref}\n                        className={cx(styles.arrow, tooltipClassName)}\n                        data-placement={placement}\n                      />\n                    )}\n                  </DialogContent>\n                );\n\n                return enableNestedDialogLayer ? (\n                  <LayerProvider layerRef={this.containerRef}>{dialogContent}</LayerProvider>\n                ) : (\n                  dialogContent\n                );\n              }}\n            </Popper>,\n            this.getContainer()\n          )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","PureComponent","constructor","props","super","this","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","containerRef","React","createRef","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","event","key","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","componentDidMount","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","componentWillUnmount","removeEventListener","clearTimeout","getDerivedStateFromProps","nextProps","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","showDialog","eventName","options","showDelay","instantShowAndHide","getDynamicShowDelay","finalShowDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","showDialogIfNeeded","disable","hideDialog","hideDelay","onHideDialog","onDialogDidHide","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","open","showTrigger","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","indexOf","hideTrigger","hideTriggersArray","e","button","relatedTarget","preventDefault","showOnDialogEnter","render","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","enableNestedDialogLayer","id","dataTestId","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","animationTypeCalculated","undefined","contentRendered","isFunction","Manager","createElement","Reference","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","styles","popper","String","arrow","transform","createObserveContentResizeModifier","style","arrowProps","isReferenceHidden","CustomEvent","mergedRef","chainRefFunctions","dialogContent","DialogContent","styleObject","hasTooltip","LayerProvider","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}

package/dist/mocked_classnames/Dialog/Dialog.module.scss.js

@@ -0,0 +1,2 @@
+var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
+//# sourceMappingURL=Dialog.module.scss.js.map

package/dist/mocked_classnames/Dialog/Dialog.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mocked_classnames/Dialog/Dialog.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type DialogType = "modal" | "popover";
+export type DialogSize = "none" | "small" | "medium" | "large";
+export type DialogPosition = "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+export type DialogTriggerEvent = "click" | "clickoutside" | "esckey" | "tab" | "mouseenter" | "mouseleave" | "enter" | "mousedown" | "focus" | "blur" | "onContentClick" | "contextmenu";
+export type DialogAnimationType = "opacity-and-slide" | "expand";
+export type DialogOffset = {
+    main?: number;
+    secondary?: number;
+};
+export type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;