@cube-dev/ui-kit 0.204.0 → 0.206.0

package/dist/components/overlays/Dialog/ModernDialogForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModernDialogForm.js","names":["useEffect","useRef","useEvent","useI18n","useLayoutEffect","Button","ButtonGroup","Content","Footer","Header","Title","getControllerInternals","ModernFormRoot","SubmitButton","useOpenTransitionContext","useDialogContext","withDefaultButtonText","Dialog","FormController","ModernDialogFormProps","DialogSession","form","T","preserve","ended","wasOpen","finishSession","session","store","cancelSubmission","reset","ModernDialogForm","props","$","_c","action","autoComplete","cancelProps","children","confirmDismiss","danger","defaultValues","dialogProps","encType","isDisabled","isInvalid","isReadOnly","isValid","labelPosition","labelStyles","labelWidth","method","name","necessityIndicator","noActions","onDismiss","onReset","onResetCapture","onSubmit","onSubmitFailed","onValuesChange","orientation","qa","requiredMark","showValid","submitProps","submitValues","target","title","validateTrigger","validationState","t","onClose","isOpen","registerUnsavedChanges","t0","internals","transition","isClosing","undefined","transitionState","t1","current","dismiss","t2","submitted","t3","t4","t5","hasUserEdits","t6","own","queueMicrotask","getRootElement","t7","t8","t9","t10","t11","t12","t13","t14","t15","_c","Title","SubmitButton","ModernFormRoot"],"sources":["../../../../src/components/overlays/Dialog/ModernDialogForm.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { getControllerInternals } from '../../form/Form/modern/controller';\nimport { ModernFormRoot } from '../../form/Form/ModernFormRoot';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { Dialog } from './Dialog';\n\nimport type { FormController } from '../../form/Form/modern/controller';\nimport type { ModernDialogFormProps } from './DialogForm';\n\ninterface DialogSession<T extends object> {\n  form: FormController<T>;\n  preserve?: boolean;\n  ended: boolean;\n  wasOpen: boolean;\n}\n\nfunction finishSession<T extends object>(session?: DialogSession<T>) {\n  if (!session || session.ended) return;\n  session.ended = true;\n  getControllerInternals(session.form, '<DialogForm>').store.cancelSubmission();\n  if (!session.preserve) session.form.reset();\n}\n\n/** Modern dialogs own the editing session, including retained/hidden roots. */\nexport function ModernDialogForm<T extends object>(\n  props: ModernDialogFormProps<T>,\n) {\n  const {\n    form,\n    qa,\n    title,\n    danger,\n    submitProps,\n    cancelProps,\n    noActions,\n    preserve,\n    confirmDismiss,\n    children,\n    onDismiss,\n    name,\n    defaultValues,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    onReset,\n    onResetCapture,\n    submitValues,\n    labelStyles,\n    labelPosition,\n    labelWidth,\n    orientation,\n    requiredMark,\n    necessityIndicator,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validationState,\n    validateTrigger,\n    showValid,\n    action,\n    method,\n    target,\n    encType,\n    autoComplete,\n    ...dialogProps\n  } = props;\n  const { t } = useI18n();\n  const { onClose, isOpen, registerUnsavedChanges } = useDialogContext();\n  const internals = getControllerInternals(form, '<DialogForm>');\n  const transition = useOpenTransitionContext();\n  const isClosing =\n    isOpen === undefined\n      ? transition?.transitionState === 'exit' ||\n        transition?.transitionState === 'unmounted'\n      : !isOpen;\n  const session = useRef<DialogSession<T> | undefined>(undefined);\n  const dismiss = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n    onDismiss?.();\n  });\n  const submitted = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n  });\n\n  // Escape, outside clicks, and controlled closing belong to the container.\n  // Only an open -> closed transition ends a session; hidden initial mounts\n  // must not discard a controller that the caller has already populated.\n  useLayoutEffect(() => {\n    if (session.current?.form !== form) {\n      session.current = { form, preserve, ended: false, wasOpen: !isClosing };\n    }\n    const current = session.current;\n    current.preserve = preserve;\n    if (isClosing && current.wasOpen) finishSession(current);\n    if (!isClosing && !current.wasOpen) current.ended = false;\n    current.wasOpen = !isClosing;\n  });\n\n  // Escape, an outside click and the close button ask before they discard\n  // what the user typed: fields they edited away from their defaults. A value\n  // set from code, even in a field the user then visited, is not an edit.\n  // `preserve` keeps the values anyway.\n  useEffect(\n    () =>\n      registerUnsavedChanges?.(() => {\n        if (confirmDismiss !== undefined) return confirmDismiss;\n        if (preserve) return false;\n\n        // A controller from an older copy of the kit can't tell; it never asks.\n        return internals.store.hasUserEdits?.() ?? false;\n      }),\n    [registerUnsavedChanges, internals, preserve, confirmDismiss],\n  );\n\n  // Portals may relocate (remounting this component) and Strict Mode reconnects\n  // effects. A replacement root owns the same session; only a detached\n  // controller should reset after real removal. Capture that controller's\n  // session, so replacing it cannot apply the new controller's preserve policy.\n  useLayoutEffect(() => {\n    const own = session.current;\n    return () => {\n      queueMicrotask(() => {\n        if (!internals.getRootElement()) finishSession(own);\n      });\n    };\n  }, [form, internals]);\n\n  return (\n    <Dialog {...dialogProps} qa={`${qa || ''}Dialog`} onDismiss={dismiss}>\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n\n        A press on any of its buttons, custom actions included, must not\n        dismiss a popover the dialog lives in: a save has to survive\n        validation and a slow request. Only presses, though. The broader\n        `data-popover-keep` also tells a field's open listbox that a click\n        anywhere in the form is not outside it, so the listbox stayed open\n        (CUB-5251).\n      */}\n      <ModernFormRoot\n        data-popover-keep-on-press\n        form={form}\n        qa={qa || 'DialogForm'}\n        name={name}\n        defaultValues={defaultValues}\n        onSubmit={onSubmit}\n        onSubmitted={submitted}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n        onReset={onReset}\n        onResetCapture={onResetCapture}\n        submitValues={submitValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        orientation={orientation}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validationState={validationState}\n        validateTrigger={validateTrigger}\n        showValid={showValid}\n        action={action}\n        method={method}\n        target={target}\n        encType={encType}\n        autoComplete={autoComplete}\n      >\n        <Content>\n          {typeof children === 'function' ? children(dismiss) : children}\n        </Content>\n\n        {!noActions && (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={dismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        )}\n      </ModernFormRoot>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModernDialogForm.js","names":["useRef","useEvent","useI18n","useLayoutEffect","Button","ButtonGroup","Content","Footer","Header","Title","getControllerInternals","ModernFormRoot","SubmitButton","useOpenTransitionContext","useDialogContext","withDefaultButtonText","Dialog","FormController","ModernDialogFormProps","DialogSession","form","T","preserve","ended","wasOpen","finishSession","session","store","cancelSubmission","reset","ModernDialogForm","props","$","_c","action","autoComplete","cancelProps","children","confirmDismiss","danger","defaultValues","dialogProps","encType","isDisabled","isInvalid","isReadOnly","isValid","labelPosition","labelStyles","labelWidth","method","name","necessityIndicator","noActions","onDismiss","onReset","onResetCapture","onSubmit","onSubmitFailed","onValuesChange","orientation","qa","requiredMark","showValid","submitProps","submitValues","target","title","validateTrigger","validationState","t","onClose","isOpen","t0","internals","transition","isClosing","undefined","transitionState","t1","current","dismiss","t2","submitted","t3","t4","own","queueMicrotask","getRootElement","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","_c","Title","SubmitButton","ModernFormRoot"],"sources":["../../../../src/components/overlays/Dialog/ModernDialogForm.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { getControllerInternals } from '../../form/Form/modern/controller';\nimport { ModernFormRoot } from '../../form/Form/ModernFormRoot';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { Dialog } from './Dialog';\n\nimport type { FormController } from '../../form/Form/modern/controller';\nimport type { ModernDialogFormProps } from './DialogForm';\n\ninterface DialogSession<T extends object> {\n  form: FormController<T>;\n  preserve?: boolean;\n  ended: boolean;\n  wasOpen: boolean;\n}\n\nfunction finishSession<T extends object>(session?: DialogSession<T>) {\n  if (!session || session.ended) return;\n  session.ended = true;\n  getControllerInternals(session.form, '<DialogForm>').store.cancelSubmission();\n  if (!session.preserve) session.form.reset();\n}\n\n/** Modern dialogs own the editing session, including retained/hidden roots. */\nexport function ModernDialogForm<T extends object>(\n  props: ModernDialogFormProps<T>,\n) {\n  const {\n    form,\n    qa,\n    title,\n    danger,\n    submitProps,\n    cancelProps,\n    noActions,\n    preserve,\n    confirmDismiss,\n    children,\n    onDismiss,\n    name,\n    defaultValues,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    onReset,\n    onResetCapture,\n    submitValues,\n    labelStyles,\n    labelPosition,\n    labelWidth,\n    orientation,\n    requiredMark,\n    necessityIndicator,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validationState,\n    validateTrigger,\n    showValid,\n    action,\n    method,\n    target,\n    encType,\n    autoComplete,\n    ...dialogProps\n  } = props;\n  const { t } = useI18n();\n  const { onClose, isOpen } = useDialogContext();\n  const internals = getControllerInternals(form, '<DialogForm>');\n  const transition = useOpenTransitionContext();\n  const isClosing =\n    isOpen === undefined\n      ? transition?.transitionState === 'exit' ||\n        transition?.transitionState === 'unmounted'\n      : !isOpen;\n  const session = useRef<DialogSession<T> | undefined>(undefined);\n  const dismiss = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n    onDismiss?.();\n  });\n  const submitted = useEvent(() => {\n    finishSession(session.current);\n    onClose?.();\n  });\n\n  // Escape, outside clicks, and controlled closing belong to the container.\n  // Only an open -> closed transition ends a session; hidden initial mounts\n  // must not discard a controller that the caller has already populated.\n  useLayoutEffect(() => {\n    if (session.current?.form !== form) {\n      session.current = { form, preserve, ended: false, wasOpen: !isClosing };\n    }\n    const current = session.current;\n    current.preserve = preserve;\n    if (isClosing && current.wasOpen) finishSession(current);\n    if (!isClosing && !current.wasOpen) current.ended = false;\n    current.wasOpen = !isClosing;\n  });\n\n  // Portals may relocate (remounting this component) and Strict Mode reconnects\n  // effects. A replacement root owns the same session; only a detached\n  // controller should reset after real removal. Capture that controller's\n  // session, so replacing it cannot apply the new controller's preserve policy.\n  useLayoutEffect(() => {\n    const own = session.current;\n    return () => {\n      queueMicrotask(() => {\n        if (!internals.getRootElement()) finishSession(own);\n      });\n    };\n  }, [form, internals]);\n\n  return (\n    <Dialog {...dialogProps} qa={`${qa || ''}Dialog`} onDismiss={dismiss}>\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n\n        A press on any of its buttons, custom actions included, must not\n        dismiss a popover the dialog lives in: a save has to survive\n        validation and a slow request. Only presses, though. The broader\n        `data-popover-keep` also tells a field's open listbox that a click\n        anywhere in the form is not outside it, so the listbox stayed open\n        (CUB-5251).\n      */}\n      <ModernFormRoot\n        data-popover-keep-on-press\n        form={form}\n        qa={qa || 'DialogForm'}\n        name={name}\n        defaultValues={defaultValues}\n        onSubmit={onSubmit}\n        onSubmitted={submitted}\n        // The root reports the user's edits to the dialog. `preserve` keeps\n        // them anyway, so it never asks.\n        confirmDismiss={confirmDismiss ?? (preserve ? false : undefined)}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n        onReset={onReset}\n        onResetCapture={onResetCapture}\n        submitValues={submitValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        labelWidth={labelWidth}\n        orientation={orientation}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validationState={validationState}\n        validateTrigger={validateTrigger}\n        showValid={showValid}\n        action={action}\n        method={method}\n        target={target}\n        encType={encType}\n        autoComplete={autoComplete}\n      >\n        <Content>\n          {typeof children === 'function' ? children(dismiss) : children}\n        </Content>\n\n        {!noActions && (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={dismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        )}\n      </ModernFormRoot>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";
 //#region src/components/overlays/Dialog/context.tsx

package/dist/components/overlays/Dialog/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","HTMLAttributes","useContext","invariant","DialogContextValue","HTMLElement","type","isDismissable","onClose","arg","isOpen","shouldRestoreFocus","requestDismiss","dismiss","registerUnsavedChanges","hasUnsavedChanges","trapsFocus","DialogContext","useDialogContext","dialogContext"],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs) and by its\n   * restore for a retained (`hideOnClose`) dialog. Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n  /**\n   * Runs a passive dismissal, such as the close button's: at once, or after\n   * the user confirms discarding unsaved edits. See `useDismissConfirmation`.\n   */\n  requestDismiss?: (dismiss: () => void) => void;\n  /**\n   * How a `DialogForm` reports unsaved edits to its trigger or container.\n   * Returns the unregister.\n   */\n  registerUnsavedChanges?: (hasUnsavedChanges: () => boolean) => () => void;\n}\n\n/**\n * Whether the dialog keeps Tab inside it while open. A panel leaves the page\n * usable, and so does a popover that is not dismissable: an outside press\n * reaches its control, and focus has to follow it there, into a text field\n * too.\n */\nexport function trapsFocus({ type, isDismissable }: DialogContextValue) {\n  return type !== 'panel' && !(type === 'popover' && isDismissable === false);\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;;;;;;AAyCA,SAAgBgB,WAAW,EAAEV,MAAMC,iBAAqC;CACtE,OAAOD,SAAS,WAAW,EAAEA,SAAS,aAAaC,kBAAkB;AACvE;AAEA,MAAaU,gBAAgBjB,cAAyC,CAAC,CAAC;AAExE,SAAOkB,mBAAA;CACL,MAAAC,gBAAsBjB,WAAWe,aAAa;CAE9Cd,UAAUgB,kBAAkB,MAAM,EAAE;CAAC,OAE9BA;AAAa"}
+{"version":3,"file":"context.js","names":["createContext","HTMLAttributes","useContext","invariant","DialogContextValue","HTMLElement","type","isDismissable","onClose","arg","isOpen","shouldRestoreFocus","requestDismiss","dismiss","registerUnsavedChanges","hasUnsavedChanges","trapsFocus","DialogContext","useDialogContext","dialogContext"],"sources":["../../../../src/components/overlays/Dialog/context.tsx"],"sourcesContent":["import { createContext, HTMLAttributes, useContext } from 'react';\nimport invariant from 'tiny-invariant';\n\nexport interface DialogContextValue extends HTMLAttributes<HTMLElement> {\n  type?:\n    | 'modal'\n    | 'popover'\n    | 'tray'\n    | 'fullscreen'\n    | 'fullscreenTakeover'\n    | 'panel';\n  isDismissable?: boolean;\n  onClose?: (arg?: string) => void;\n  isOpen?: boolean;\n  /**\n   * Whether closing the dialog restores focus to its trigger. Set by\n   * `DialogTrigger`'s `shouldRestoreFocus` prop; consumed by `Dialog`'s\n   * `FocusScope` (which owns the restore for popover-type dialogs) and by its\n   * restore for a retained (`hideOnClose`) dialog. Defaults\n   * to `true` when absent, so a `Dialog` rendered outside a trigger keeps\n   * restoring focus.\n   */\n  shouldRestoreFocus?: boolean;\n  /**\n   * Runs a passive dismissal, such as the close button's: at once, or after\n   * the user confirms discarding unsaved edits. See `useDismissConfirmation`.\n   */\n  requestDismiss?: (dismiss: () => void) => void;\n  /**\n   * How a form inside reports unsaved edits to its trigger or container: a\n   * modern `Form` root, or a legacy `DialogForm`. Each form registers its own\n   * check, and the dialog asks while any returns `true`. Returns the\n   * unregister.\n   */\n  registerUnsavedChanges?: (hasUnsavedChanges: () => boolean) => () => void;\n}\n\n/**\n * Whether the dialog keeps Tab inside it while open. A panel leaves the page\n * usable, and so does a popover that is not dismissable: an outside press\n * reaches its control, and focus has to follow it there, into a text field\n * too.\n */\nexport function trapsFocus({ type, isDismissable }: DialogContextValue) {\n  return type !== 'panel' && !(type === 'popover' && isDismissable === false);\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>({});\n\nexport function useDialogContext() {\n  const dialogContext = useContext(DialogContext);\n\n  invariant(dialogContext !== null, '');\n\n  return dialogContext;\n}\n"],"mappings":";;;;;;;;;;AA2CA,SAAgBgB,WAAW,EAAEV,MAAMC,iBAAqC;CACtE,OAAOD,SAAS,WAAW,EAAEA,SAAS,aAAaC,kBAAkB;AACvE;AAEA,MAAaU,gBAAgBjB,cAAyC,CAAC,CAAC;AAExE,SAAOkB,mBAAA;CACL,MAAAC,gBAAsBjB,WAAWe,aAAa;CAE9Cd,UAAUgB,kBAAkB,MAAM,EAAE;CAAC,OAE9BA;AAAa"}

package/dist/components/overlays/Dialog/default-button-text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 //#region src/components/overlays/Dialog/default-button-text.ts
 /**
 * Gives a dialog's built-in button its default text without overriding the

package/dist/components/overlays/Dialog/use-content-overflow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

package/dist/components/overlays/Dialog/use-dialog-open-sync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useEventBus } from "../../../utils/react/useEventBus.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent } from "react";

package/dist/components/overlays/Dialog/use-dismiss-confirmation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { AlertDialog as _AlertDialog } from "../AlertDialog/AlertDialog.js";
 import { c } from "react/compiler-runtime";
@@ -10,27 +10,32 @@ import { focusSafely } from "@react-aria/interactions";
 * The owner side of `confirmDismiss`, for `DialogTrigger` and
 * `DialogContainer`. A passive dismissal (Escape, an outside click, the close
 * button) goes through `requestDismiss`, which asks "Discard changes?" first
-* while `confirmDismiss` is `true`, or, when it is unset, while a `DialogForm`
-* inside reports unsaved edits (or its own `confirmDismiss`) through
-* `registerUnsavedChanges`. Explicit actions (submit, Cancel, a `close` the
-* consumer calls) bypass it.
+* while `confirmDismiss` is `true`, or, when it is unset, while a form inside
+* (a modern `Form` root, or a legacy `DialogForm`) reports unsaved edits, or
+* its own `confirmDismiss`, through `registerUnsavedChanges`. Explicit actions
+* (submit, Cancel, a `close` the consumer calls) bypass it.
 *
 * The owner renders the question while `confirmationProps` is set:
 * `<DialogContainer {...confirmationProps}><DiscardChangesDialog /></DialogContainer>`.
 */
 function useDismissConfirmation(confirmDismiss, isDialogOpen) {
-	const $ = c(19);
+	const $ = c(20);
 	const [pending, setPending] = useState(null);
 	const [hasAsked, setHasAsked] = useState(false);
-	const hasUnsavedChanges = useRef(null);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ new Set();
+		$[0] = t0;
+	} else t0 = $[0];
+	const unsavedChecks = useRef(t0);
 	const answer = useRef(null);
 	const lastFocused = useRef(null);
 	const canAsk = isDialogOpen && confirmDismiss !== false;
 	if (pending && !isDialogOpen) setPending(null);
-	let t0;
 	let t1;
-	if ($[0] !== canAsk) {
-		t0 = () => {
+	let t2;
+	if ($[1] !== canAsk) {
+		t1 = () => {
 			if (!canAsk) return;
 			if (document.activeElement !== document.body) lastFocused.current = document.activeElement;
 			const onFocusIn = (event) => {
@@ -42,20 +47,20 @@ function useDismissConfirmation(confirmDismiss, isDialogOpen) {
 				lastFocused.current = null;
 			};
 		};
-		t1 = [canAsk];
-		$[0] = canAsk;
-		$[1] = t0;
+		t2 = [canAsk];
+		$[1] = canAsk;
 		$[2] = t1;
+		$[3] = t2;
 	} else {
-		t0 = $[1];
 		t1 = $[2];
+		t2 = $[3];
 	}
-	useEffect(t0, t1);
-	let t2;
-	if ($[3] !== confirmDismiss || $[4] !== pending) {
-		t2 = function requestDismiss(dismiss) {
+	useEffect(t1, t2);
+	let requestDismiss;
+	if ($[4] !== confirmDismiss || $[5] !== pending) {
+		requestDismiss = function requestDismiss(dismiss) {
 			if (pending) return;
-			if (!(confirmDismiss ?? hasUnsavedChanges.current?.() ?? false)) {
+			if (!(confirmDismiss ?? hasUnsavedChanges())) {
 				dismiss();
 				return;
 			}
@@ -66,24 +71,28 @@ function useDismissConfirmation(confirmDismiss, isDialogOpen) {
 			});
 			setHasAsked(true);
 		};
-		$[3] = confirmDismiss;
-		$[4] = pending;
-		$[5] = t2;
-	} else t2 = $[5];
-	const requestDismiss = t2;
+		function hasUnsavedChanges() {
+			for (const check of unsavedChecks.current) if (check()) return true;
+			return false;
+		}
+		$[4] = confirmDismiss;
+		$[5] = pending;
+		$[6] = requestDismiss;
+	} else requestDismiss = $[6];
 	let t3;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = function registerUnsavedChanges(check) {
-			hasUnsavedChanges.current = check;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = function registerUnsavedChanges(check_0) {
+			const checks = unsavedChecks.current;
+			checks.add(check_0);
 			return () => {
-				if (hasUnsavedChanges.current === check) hasUnsavedChanges.current = null;
+				checks.delete(check_0);
 			};
 		};
-		$[6] = t3;
-	} else t3 = $[6];
+		$[7] = t3;
+	} else t3 = $[7];
 	const registerUnsavedChanges = t3;
 	let t4;
-	if ($[7] !== pending) {
+	if ($[8] !== pending) {
 		t4 = function settle(action) {
 			if (!pending) return;
 			answer.current = {
@@ -92,13 +101,13 @@ function useDismissConfirmation(confirmDismiss, isDialogOpen) {
 			};
 			setPending(null);
 		};
-		$[7] = pending;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[8] = pending;
+		$[9] = t4;
+	} else t4 = $[9];
 	const settle = t4;
 	let t5;
 	let t6;
-	if ($[9] !== pending) {
+	if ($[10] !== pending) {
 		t5 = () => {
 			const settled = answer.current;
 			if (pending || !settled) return;
@@ -108,36 +117,36 @@ function useDismissConfirmation(confirmDismiss, isDialogOpen) {
 			if (settled.isDiscarded) settled.dismiss();
 		};
 		t6 = [pending];
-		$[9] = pending;
-		$[10] = t5;
-		$[11] = t6;
+		$[10] = pending;
+		$[11] = t5;
+		$[12] = t6;
 	} else {
-		t5 = $[10];
-		t6 = $[11];
+		t5 = $[11];
+		t6 = $[12];
 	}
 	useEffect(t5, t6);
 	let t7;
-	if ($[12] !== hasAsked || $[13] !== pending || $[14] !== settle) {
+	if ($[13] !== hasAsked || $[14] !== pending || $[15] !== settle) {
 		t7 = hasAsked ? {
 			isOpen: !!pending,
 			onDismiss: settle
 		} : null;
-		$[12] = hasAsked;
-		$[13] = pending;
-		$[14] = settle;
-		$[15] = t7;
-	} else t7 = $[15];
+		$[13] = hasAsked;
+		$[14] = pending;
+		$[15] = settle;
+		$[16] = t7;
+	} else t7 = $[16];
 	let t8;
-	if ($[16] !== requestDismiss || $[17] !== t7) {
+	if ($[17] !== requestDismiss || $[18] !== t7) {
 		t8 = {
 			requestDismiss,
 			registerUnsavedChanges,
 			confirmationProps: t7
 		};
-		$[16] = requestDismiss;
-		$[17] = t7;
-		$[18] = t8;
-	} else t8 = $[18];
+		$[17] = requestDismiss;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
 	return t8;
 }
 /** The question `useDismissConfirmation` asks. Escape keeps editing. */

package/dist/components/overlays/Dialog/use-dismiss-confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dismiss-confirmation.js","names":["focusSafely","useEffect","useRef","useState","useI18n","AlertDialog","PendingDismissal","dismiss","focusTarget","Element","Answer","isDiscarded","useDismissConfirmation","confirmDismiss","isDialogOpen","$","_c","pending","setPending","hasAsked","setHasAsked","hasUnsavedChanges","answer","lastFocused","canAsk","t0","t1","document","activeElement","body","current","onFocusIn","event","target","addEventListener","removeEventListener","t2","requestDismiss","focused","t3","Symbol","for","registerUnsavedChanges","check","t4","settle","action","t5","t6","settled","HTMLElement","isConnected","t7","isOpen","onDismiss","t8","confirmationProps","DiscardChangesDialog","t","children","confirm","cancel","_c","AlertDialog"],"sources":["../../../../src/components/overlays/Dialog/use-dismiss-confirmation.tsx"],"sourcesContent":["import { focusSafely } from '@react-aria/interactions';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { AlertDialog } from '../AlertDialog/AlertDialog';\n\ninterface PendingDismissal {\n  /** What the dismissal runs once the user discards the edits. */\n  dismiss: () => void;\n  /** Where focus was when the dialog asked, to give it back. */\n  focusTarget: Element | null;\n}\n\ninterface Answer extends PendingDismissal {\n  isDiscarded: boolean;\n}\n\n/**\n * The owner side of `confirmDismiss`, for `DialogTrigger` and\n * `DialogContainer`. A passive dismissal (Escape, an outside click, the close\n * button) goes through `requestDismiss`, which asks \"Discard changes?\" first\n * while `confirmDismiss` is `true`, or, when it is unset, while a `DialogForm`\n * inside reports unsaved edits (or its own `confirmDismiss`) through\n * `registerUnsavedChanges`. Explicit actions (submit, Cancel, a `close` the\n * consumer calls) bypass it.\n *\n * The owner renders the question while `confirmationProps` is set:\n * `<DialogContainer {...confirmationProps}><DiscardChangesDialog /></DialogContainer>`.\n */\nexport function useDismissConfirmation(\n  confirmDismiss: boolean | undefined,\n  isDialogOpen: boolean,\n) {\n  const [pending, setPending] = useState<PendingDismissal | null>(null);\n  // Mounted on the first question and kept, so it can play its exit.\n  const [hasAsked, setHasAsked] = useState(false);\n  const hasUnsavedChanges = useRef<(() => boolean) | null>(null);\n  const answer = useRef<Answer | null>(null);\n  const lastFocused = useRef<Element | null>(null);\n  const canAsk = isDialogOpen && confirmDismiss !== false;\n\n  // A dialog closed some other way takes its question with it.\n  if (pending && !isDialogOpen) setPending(null);\n\n  // A click outside drops focus to `<body>` on its way to closing the dialog,\n  // so the question gives focus back to where it was last. A `confirmDismiss`\n  // bound to state turns on while the user types, so start from that field.\n  useEffect(() => {\n    if (!canAsk) return;\n\n    if (document.activeElement !== document.body) {\n      lastFocused.current = document.activeElement;\n    }\n\n    const onFocusIn = (event: FocusEvent) => {\n      lastFocused.current = event.target as Element;\n    };\n\n    document.addEventListener('focusin', onFocusIn, true);\n\n    return () => {\n      document.removeEventListener('focusin', onFocusIn, true);\n      lastFocused.current = null;\n    };\n  }, [canAsk]);\n\n  function requestDismiss(dismiss: () => void) {\n    if (pending) return;\n\n    if (!(confirmDismiss ?? hasUnsavedChanges.current?.() ?? false)) {\n      dismiss();\n\n      return;\n    }\n\n    const focused = document.activeElement;\n\n    setPending({\n      dismiss,\n      focusTarget:\n        focused && focused !== document.body ? focused : lastFocused.current,\n    });\n    setHasAsked(true);\n  }\n\n  function registerUnsavedChanges(check: () => boolean) {\n    hasUnsavedChanges.current = check;\n\n    return () => {\n      if (hasUnsavedChanges.current === check) hasUnsavedChanges.current = null;\n    };\n  }\n\n  function settle(action?: string) {\n    if (!pending) return;\n\n    answer.current = { ...pending, isDiscarded: action === 'confirm' };\n    setPending(null);\n  }\n\n  // Once the question has closed: while open it holds focus, and pulls back\n  // any focus moved out of it. Focus goes back into the dialog at once, not\n  // when the question has faded out. A discarded dialog then closes from\n  // there, so its trigger takes focus back as after any close.\n  useEffect(() => {\n    const settled = answer.current;\n\n    if (pending || !settled) return;\n\n    answer.current = null;\n\n    const { focusTarget } = settled;\n\n    if (focusTarget instanceof HTMLElement && focusTarget.isConnected) {\n      focusSafely(focusTarget);\n    }\n\n    if (settled.isDiscarded) settled.dismiss();\n  }, [pending]);\n\n  return {\n    requestDismiss,\n    registerUnsavedChanges,\n    confirmationProps: hasAsked\n      ? { isOpen: !!pending, onDismiss: settle }\n      : null,\n  };\n}\n\n/** The question `useDismissConfirmation` asks. Escape keeps editing. */\nexport function DiscardChangesDialog() {\n  const { t } = useI18n();\n\n  return (\n    <AlertDialog\n      danger\n      title={t('dialog.discardChanges.title', 'Discard changes?')}\n      content={t(\n        'dialog.discardChanges.content',\n        'All unsaved changes will be lost.',\n      )}\n      actions={{\n        confirm: { children: t('dialog.discardChanges.discard', 'Discard') },\n        cancel: {\n          children: t('dialog.discardChanges.keepEditing', 'Keep editing'),\n        },\n      }}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-dismiss-confirmation.js","names":["focusSafely","useEffect","useRef","useState","useI18n","AlertDialog","PendingDismissal","dismiss","focusTarget","Element","Answer","isDiscarded","useDismissConfirmation","confirmDismiss","isDialogOpen","$","_c","pending","setPending","hasAsked","setHasAsked","t0","Symbol","for","Set","unsavedChecks","answer","lastFocused","canAsk","t1","t2","document","activeElement","body","current","onFocusIn","event","target","addEventListener","removeEventListener","requestDismiss","hasUnsavedChanges","focused","check","t3","registerUnsavedChanges","check_0","checks","add","delete","t4","settle","action","t5","t6","settled","HTMLElement","isConnected","t7","isOpen","onDismiss","t8","confirmationProps","DiscardChangesDialog","t","children","confirm","cancel","_c","AlertDialog"],"sources":["../../../../src/components/overlays/Dialog/use-dismiss-confirmation.tsx"],"sourcesContent":["import { focusSafely } from '@react-aria/interactions';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { AlertDialog } from '../AlertDialog/AlertDialog';\n\ninterface PendingDismissal {\n  /** What the dismissal runs once the user discards the edits. */\n  dismiss: () => void;\n  /** Where focus was when the dialog asked, to give it back. */\n  focusTarget: Element | null;\n}\n\ninterface Answer extends PendingDismissal {\n  isDiscarded: boolean;\n}\n\n/**\n * The owner side of `confirmDismiss`, for `DialogTrigger` and\n * `DialogContainer`. A passive dismissal (Escape, an outside click, the close\n * button) goes through `requestDismiss`, which asks \"Discard changes?\" first\n * while `confirmDismiss` is `true`, or, when it is unset, while a form inside\n * (a modern `Form` root, or a legacy `DialogForm`) reports unsaved edits, or\n * its own `confirmDismiss`, through `registerUnsavedChanges`. Explicit actions\n * (submit, Cancel, a `close` the consumer calls) bypass it.\n *\n * The owner renders the question while `confirmationProps` is set:\n * `<DialogContainer {...confirmationProps}><DiscardChangesDialog /></DialogContainer>`.\n */\nexport function useDismissConfirmation(\n  confirmDismiss: boolean | undefined,\n  isDialogOpen: boolean,\n) {\n  const [pending, setPending] = useState<PendingDismissal | null>(null);\n  // Mounted on the first question and kept, so it can play its exit.\n  const [hasAsked, setHasAsked] = useState(false);\n  // Every form in the dialog reports its own: tabs or a wizard step can hold\n  // more than one, and any of them with edits makes the dialog ask.\n  const unsavedChecks = useRef(new Set<() => boolean>());\n  const answer = useRef<Answer | null>(null);\n  const lastFocused = useRef<Element | null>(null);\n  const canAsk = isDialogOpen && confirmDismiss !== false;\n\n  // A dialog closed some other way takes its question with it.\n  if (pending && !isDialogOpen) setPending(null);\n\n  // A click outside drops focus to `<body>` on its way to closing the dialog,\n  // so the question gives focus back to where it was last. A `confirmDismiss`\n  // bound to state turns on while the user types, so start from that field.\n  useEffect(() => {\n    if (!canAsk) return;\n\n    if (document.activeElement !== document.body) {\n      lastFocused.current = document.activeElement;\n    }\n\n    const onFocusIn = (event: FocusEvent) => {\n      lastFocused.current = event.target as Element;\n    };\n\n    document.addEventListener('focusin', onFocusIn, true);\n\n    return () => {\n      document.removeEventListener('focusin', onFocusIn, true);\n      lastFocused.current = null;\n    };\n  }, [canAsk]);\n\n  function requestDismiss(dismiss: () => void) {\n    if (pending) return;\n\n    if (!(confirmDismiss ?? hasUnsavedChanges())) {\n      dismiss();\n\n      return;\n    }\n\n    const focused = document.activeElement;\n\n    setPending({\n      dismiss,\n      focusTarget:\n        focused && focused !== document.body ? focused : lastFocused.current,\n    });\n    setHasAsked(true);\n  }\n\n  function hasUnsavedChanges() {\n    for (const check of unsavedChecks.current) {\n      if (check()) return true;\n    }\n\n    return false;\n  }\n\n  function registerUnsavedChanges(check: () => boolean) {\n    const checks = unsavedChecks.current;\n\n    checks.add(check);\n\n    return () => {\n      checks.delete(check);\n    };\n  }\n\n  function settle(action?: string) {\n    if (!pending) return;\n\n    answer.current = { ...pending, isDiscarded: action === 'confirm' };\n    setPending(null);\n  }\n\n  // Once the question has closed: while open it holds focus, and pulls back\n  // any focus moved out of it. Focus goes back into the dialog at once, not\n  // when the question has faded out. A discarded dialog then closes from\n  // there, so its trigger takes focus back as after any close.\n  useEffect(() => {\n    const settled = answer.current;\n\n    if (pending || !settled) return;\n\n    answer.current = null;\n\n    const { focusTarget } = settled;\n\n    if (focusTarget instanceof HTMLElement && focusTarget.isConnected) {\n      focusSafely(focusTarget);\n    }\n\n    if (settled.isDiscarded) settled.dismiss();\n  }, [pending]);\n\n  return {\n    requestDismiss,\n    registerUnsavedChanges,\n    confirmationProps: hasAsked\n      ? { isOpen: !!pending, onDismiss: settle }\n      : null,\n  };\n}\n\n/** The question `useDismissConfirmation` asks. Escape keeps editing. */\nexport function DiscardChangesDialog() {\n  const { t } = useI18n();\n\n  return (\n    <AlertDialog\n      danger\n      title={t('dialog.discardChanges.title', 'Discard changes?')}\n      content={t(\n        'dialog.discardChanges.content',\n        'All unsaved changes will be lost.',\n      )}\n      actions={{\n        confirm: { children: t('dialog.discardChanges.discard', 'Discard') },\n        cancel: {\n          children: t('dialog.discardChanges.keepEditing', 'Keep editing'),\n        },\n      }}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/use-retained-dialog-focus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { focusProgrammatically } from "../../../utils/react/programmaticFocus.js";
 import { useOpenTransitionContext } from "../Modal/OpenTransitionContext.js";
 import { trapsFocus, useDialogContext } from "./context.js";

package/dist/components/overlays/Modal/Modal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { ModalContainmentProvider, useModalContainment } from "./modal-containment.js";

package/dist/components/overlays/Modal/OpenTransitionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx
 const OpenTransitionContext = createContext(null);

package/dist/components/overlays/Modal/Overlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { markFocusRestoreWindow } from "../../../utils/react/programmaticFocus.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/overlays/Modal/Popover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { useModalLayerRef } from "./modal-containment.js";

package/dist/components/overlays/Modal/Tray.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { ModalContainmentProvider, useModalContainment } from "./modal-containment.js";

package/dist/components/overlays/Modal/Underlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/overlays/Modal/modal-containment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";
 import { ariaHideOutside } from "react-aria/private/overlays/ariaHideOutside";

package/dist/components/overlays/Notifications/Notification.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/components/overlays/Notifications/NotificationAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { c } from "react/compiler-runtime";

package/dist/components/overlays/Notifications/NotificationCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Notifications/NotificationContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/overlays/Notifications/NotificationContext.ts
 const ToastContext = createContext(null);

package/dist/components/overlays/Notifications/NotificationItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { c } from "react/compiler-runtime";

package/dist/components/overlays/Notifications/OverlayContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.206.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useViewportSize } from "../../../utils/react/useViewportSize.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -15,7 +15,7 @@ const ITEM_GAP = 8;
 const DEFAULT_ITEM_HEIGHT = 56;
 const OverlayContainerElement = tasty({ styles: {
 	position: "fixed",
-	top: "2x",
+	top: "(2x + ($overlay-inset-top, 0px))",
 	left: "50%",
 	transform: "translateX(-50%)",
 	zIndex: 100,
@@ -25,7 +25,10 @@ const OverlayContainerElement = tasty({ styles: {
 } });
 const OverlayItemWrapper = tasty({ styles: {
 	position: "absolute",
-	top: "$item-top",
+	top: {
+		"": "$item-top",
+		isCollapsed: "($item-top - ($overlay-inset-top, 0px))"
+	},
 	left: "50%",
 	zIndex: {
 		"": "auto",