npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-ddeb67e → 0.0.0-canary-4504c1a - Mend

@cube-dev/ui-kit 0.0.0-canary-ddeb67e → 0.0.0-canary-4504c1a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (664) hide show

package/dist/components/navigation/Tabs/types.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useCallback, useState } from "react";
 //#region src/components/navigation/Tabs/use-tab-editing.ts

package/dist/components/navigation/Tabs/use-tab-indicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/components/organisms/StatsCard/StatsCard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { forwardRef, useImperativeHandle, useRef } from "react";

package/dist/components/other/Calendar/CalendarCell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";

package/dist/components/other/Calendar/CalendarGrid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/other/Calendar/CalendarHeader.js CHANGED Viewed

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
+import { LeftIcon } from "../../../icons/LeftIcon.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
 import { Button } from "../../actions/index.js";
-import { LeftIcon } from "../../../icons/LeftIcon.js";
 import { CalendarHeaderElement } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/other/Calendar/CalendarHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarHeader.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/CalendarHeader.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { LeftIcon ~~} from '../../../icons/LeftIcon';\nimport {~~ RightIcon } from '../../../icons~~/RightIcon~~';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport { Space } from '../../layout/Space';\n\nimport { CalendarHeaderElement } from './styled';\n\nimport type { Props } from '../../../props';\n\n/*\n A heading that holds the view switcher. Its own preset matches the type scale\n * of an `xsmall` button so the plain-title fallback (a decade range, or a\n * calendar with navigation turned off) doesn't outweigh the interactive one.\n /\nconst CalendarTitleElement = tasty(Title, {\n level: 6,\n preset: 't4',\n styles: {\n display: 'flex',\n placeItems: 'center',\n gap: '.25x',\n // Line the plain title up with the label inside a button.\n padding: {\n '': '0 (1x - 1bw)',\n interactive: 0,\n },\n },\n});\n\nconst CalendarTitleButton = tasty(Button, {\n 'data-popover-keep': true,\n type: 'clear',\n size: 'xsmall',\n});\n\nexport interface CubeCalendarHeaderSegment {\n key: string;\n label: string;\n onPress: () => void;\n isDisabled?: boolean;\n}\n\nexport interface CubeCalendarHeaderProps {\n /\n Interactive title segments (month / year). When omitted the header falls\n * back to a plain `title` — e.g. for a multi-month range.\n */\n segments?: CubeCalendarHeaderSegment[];\n title?: ReactNode;\n prevButtonProps?: Props;\n nextButtonProps?: Props;\n}\n\nexport function CalendarHeader(props: CubeCalendarHeaderProps) {\n let { segments, title, prevButtonProps, nextButtonProps } = props;\n\n return (\n <CalendarHeaderElement>\n <CalendarTitleElement mods={{ interactive: !!segments?.length }}>\n {segments?.length\n ? segments.map(({ key, label, onPress, isDisabled }) => (\n <CalendarTitleButton\n key={key}\n isDisabled={isDisabled}\n onPress={onPress}\n >\n {label}\n </CalendarTitleButton>\n ))\n : title}\n </CalendarTitleElement>\n <Space gap=\".5x\">\n <Button\n data-popover-keep\n size=\"xsmall\"\n {...prevButtonProps}\n icon={<LeftIcon />}\n />\n <Button\n data-popover-keep\n size=\"xsmall\"\n {...nextButtonProps}\n icon={<RightIcon />}\n />\n </Space>\n </CalendarHeaderElement>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;~~AAkBA~~,MAAM,uBAAuB,MAAMA,QAAO;CACxC,OAAO;CACP,QAAQ;CACR,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,KAAK;EAEL,SAAS;GACP,IAAI;GACJ,aAAa;GACd;EACF;CACF,CAAC;AAEF,MAAM,sBAAsB,MAAM,QAAQ;CACxC,qBAAqB;CACrB,MAAM;CACN,MAAM;CACP,CAAC;AAoBF,SAAgB,eAAe,OAAgC;CAC7D,IAAI,EAAE,UAAU,OAAO,iBAAiB,oBAAoB;AAE5D,QACE,qBAAC,oCACC,oBAAC;EAAqB,MAAM,EAAE,aAAa,CAAC,CAAC,UAAU,QAAQ;YAC5D,UAAU,SACP,SAAS,KAAK,EAAE,KAAK,OAAO,SAAS,iBACnC,oBAAC;GAEa;GACH;aAER;KAJI,IAKe,CACtB,GACF;GACiB,EACvB,qBAAC;EAAM,KAAI;aACT,oBAAC;GACC;GACA,MAAK;GACL,GAAI;GACJ,MAAM,oBAAC,aAAW;IAClB,EACF,oBAAC;GACC;GACA,MAAK;GACL,GAAI;GACJ,MAAM,oBAAC,cAAY;IACnB;GACI,IACc"}
1	+ {"version":3,"file":"CalendarHeader.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/CalendarHeader.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { LeftIcon, RightIcon } from '../../../icons';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport { Space } from '../../layout/Space';\n\nimport { CalendarHeaderElement } from './styled';\n\nimport type { Props } from '../../../props';\n\n/*\n A heading that holds the view switcher. Its own preset matches the type scale\n * of an `xsmall` button so the plain-title fallback (a decade range, or a\n * calendar with navigation turned off) doesn't outweigh the interactive one.\n /\nconst CalendarTitleElement = tasty(Title, {\n level: 6,\n preset: 't4',\n styles: {\n display: 'flex',\n placeItems: 'center',\n gap: '.25x',\n // Line the plain title up with the label inside a button.\n padding: {\n '': '0 (1x - 1bw)',\n interactive: 0,\n },\n },\n});\n\nconst CalendarTitleButton = tasty(Button, {\n 'data-popover-keep': true,\n type: 'clear',\n size: 'xsmall',\n});\n\nexport interface CubeCalendarHeaderSegment {\n key: string;\n label: string;\n onPress: () => void;\n isDisabled?: boolean;\n}\n\nexport interface CubeCalendarHeaderProps {\n /\n Interactive title segments (month / year). When omitted the header falls\n * back to a plain `title` — e.g. for a multi-month range.\n */\n segments?: CubeCalendarHeaderSegment[];\n title?: ReactNode;\n prevButtonProps?: Props;\n nextButtonProps?: Props;\n}\n\nexport function CalendarHeader(props: CubeCalendarHeaderProps) {\n let { segments, title, prevButtonProps, nextButtonProps } = props;\n\n return (\n <CalendarHeaderElement>\n <CalendarTitleElement mods={{ interactive: !!segments?.length }}>\n {segments?.length\n ? segments.map(({ key, label, onPress, isDisabled }) => (\n <CalendarTitleButton\n key={key}\n isDisabled={isDisabled}\n onPress={onPress}\n >\n {label}\n </CalendarTitleButton>\n ))\n : title}\n </CalendarTitleElement>\n <Space gap=\".5x\">\n <Button\n data-popover-keep\n size=\"xsmall\"\n {...prevButtonProps}\n icon={<LeftIcon />}\n />\n <Button\n data-popover-keep\n size=\"xsmall\"\n {...nextButtonProps}\n icon={<RightIcon />}\n />\n </Space>\n </CalendarHeaderElement>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,uBAAuB,MAAMA,QAAO;CACxC,OAAO;CACP,QAAQ;CACR,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,KAAK;EAEL,SAAS;GACP,IAAI;GACJ,aAAa;GACd;EACF;CACF,CAAC;AAEF,MAAM,sBAAsB,MAAM,QAAQ;CACxC,qBAAqB;CACrB,MAAM;CACN,MAAM;CACP,CAAC;AAoBF,SAAgB,eAAe,OAAgC;CAC7D,IAAI,EAAE,UAAU,OAAO,iBAAiB,oBAAoB;AAE5D,QACE,qBAAC,oCACC,oBAAC;EAAqB,MAAM,EAAE,aAAa,CAAC,CAAC,UAAU,QAAQ;YAC5D,UAAU,SACP,SAAS,KAAK,EAAE,KAAK,OAAO,SAAS,iBACnC,oBAAC;GAEa;GACH;aAER;KAJI,IAKe,CACtB,GACF;GACiB,EACvB,qBAAC;EAAM,KAAI;aACT,oBAAC;GACC;GACA,MAAK;GACL,GAAI;GACJ,MAAM,oBAAC,aAAW;IAClB,EACF,oBAAC;GACC;GACA,MAAK;GACL,GAAI;GACJ,MAAM,oBAAC,cAAY;IACnB;GACI,IACc"}

package/dist/components/other/Calendar/CalendarPanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";

package/dist/components/other/Calendar/PeriodCalendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

package/dist/components/other/Calendar/PeriodGrid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

package/dist/components/other/Calendar/RangeCalendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { forwardRef, useImperativeHandle, useRef } from "react";

package/dist/components/other/Calendar/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/other/Calendar/styled.tsx

package/dist/components/other/CubeLogo/CubeLogo.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/other/NoDataIcon/NoDataIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialog.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { CubeButtonProps } from "../../actions/Button/Button.js";
 import { CubeDialogProps } from "../Dialog/Dialog.js";
+import "../Dialog/index.js";
 import * as react from "react";
 import { ReactNode } from "react";

package/dist/components/overlays/AlertDialog/AlertDialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";
@@ -7,9 +7,9 @@ import { Button } from "../../actions/Button/Button.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";
 import { useDialogContext } from "../Dialog/context.js";
 import { Content } from "../../content/Content.js";
-import { Footer } from "../../content/Footer.js";
 import { Header } from "../../content/Header.js";
 import { Dialog } from "../Dialog/Dialog.js";
+import { Footer } from "../../content/Footer.js";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertDialog.js","names":["Title"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { chain } from '../../../utils/react';\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 { Paragraph } from '../../content/Paragraph';\nimport { Title } from '../../content/Title';\nimport { ~~useDialogContext~~ } from '../Dialog~~/context~~';\nimport { ~~CubeDialogProps,~~ ~~Dialog~~ } from '../Dialog/~~Dialog~~';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface CubeAlertDialogActionsProps {\n confirm?: CubeButtonProps \| boolean;\n secondary?: CubeButtonProps;\n cancel?: CubeButtonProps \| boolean;\n}\n\nexport interface CubeAlertDialogProps\n extends Omit<CubeDialogProps, 'children'> {\n content?: ReactNode;\n /** Whether the dialog is an important prompt /\n danger?: boolean;\n actions?: CubeAlertDialogActionsProps;\n title?: string;\n noActions?: boolean;\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n /\nfunction AlertDialog(props: CubeAlertDialogProps, ref) {\n const { onClose } = useDialogContext();\n const { t } = useI18n();\n\n const DEFAULT_CONFIRM_PROPS: CubeButtonProps = {\n label: t('alertDialog.confirm', 'Ok'),\n type: 'primary',\n };\n const DEFAULT_CANCEL_PROPS: CubeButtonProps = {\n label: t('alertDialog.cancel', 'Cancel'),\n };\n\n const { danger, actions, title, styles, noActions, content, ...otherProps } =\n props;\n\n let {\n confirm: confirmProps,\n secondary: secondaryProps,\n cancel: cancelProps,\n } = actions ?? {};\n\n // the confirm button is present by default\n confirmProps =\n confirmProps !== false\n ? {\n ...DEFAULT_CONFIRM_PROPS,\n ...(typeof confirmProps === 'object' ? confirmProps : null),\n }\n : undefined;\n\n // the cancel button is hidden by default\n cancelProps = cancelProps\n ? {\n ...DEFAULT_CANCEL_PROPS,\n ...(typeof cancelProps === 'object' ? cancelProps : null),\n }\n : undefined;\n\n return (\n <Dialog ref={ref} role=\"alertdialog\" isDismissable={false} {...otherProps}>\n {title ? (\n <Header>\n <Title>{title}</Title>\n </Header>\n ) : null}\n {content ? (\n <Content>\n {typeof content === 'string' ? (\n <Paragraph>{content}</Paragraph>\n ) : (\n content\n )}\n </Content>\n ) : null}\n {!noActions && (confirmProps \|\| secondaryProps \|\| cancelProps) ? (\n <Footer>\n <ButtonGroup>\n {confirmProps && (\n <Button\n autoFocus\n theme={danger ? 'danger' : undefined}\n {...confirmProps}\n onPress={(e) =>\n chain(\n (confirmProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('confirm'),\n )\n }\n />\n )}\n {secondaryProps && (\n <Button\n {...secondaryProps}\n onPress={(e) =>\n chain(secondaryProps?.onPress?.(e), onClose?.('secondary'))\n }\n />\n )}\n {cancelProps && (\n <Button\n {...cancelProps}\n onPress={(e) =>\n chain(\n (cancelProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('cancel'),\n )\n }\n />\n )}\n </ButtonGroup>\n </Footer>\n ) : null}\n </Dialog>\n );\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nconst _AlertDialog = forwardRef(AlertDialog);\n\n_AlertDialog.displayName = 'AlertDialog';\n\nexport { _AlertDialog as AlertDialog };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,SAAS,YAAY,OAA6B,KAAK;CACrD,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,wBAAyC;EAC7C,OAAO,EAAE,uBAAuB,KAAK;EACrC,MAAM;EACP;CACD,MAAM,uBAAwC,EAC5C,OAAO,EAAE,sBAAsB,SAAS,EACzC;CAED,MAAM,EAAE,QAAQ,SAAS,OAAO,QAAQ,WAAW,SAAS,GAAG,eAC7D;CAEF,IAAI,EACF,SAAS,cACT,WAAW,gBACX,QAAQ,gBACN,WAAW,EAAE;AAGjB,gBACE,iBAAiB,QACb;EACE,GAAG;EACH,GAAI,OAAO,iBAAiB,WAAW,eAAe;EACvD,GACD;AAGN,eAAc,cACV;EACE,GAAG;EACH,GAAI,OAAO,gBAAgB,WAAW,cAAc;EACrD,GACD;AAEJ,QACE,qBAAC;EAAY;EAAK,MAAK;EAAc,eAAe;EAAO,GAAI;;GAC5D,QACC,oBAAC,oBACC,oBAACA,oBAAO,QAAc,GACf,GACP;GACH,UACC,oBAAC,qBACE,OAAO,YAAY,WAClB,oBAAC,uBAAW,UAAoB,GAEhC,UAEM,GACR;GACH,CAAC,cAAc,gBAAgB,kBAAkB,eAChD,oBAAC,oBACC,qBAAC;IACE,gBACC,oBAAC;KACC;KACA,OAAO,SAAS,WAAW;KAC3B,GAAI;KACJ,UAAU,MACR,MACG,cAAkC,UAAU,EAAE,EAC/C,UAAU,UAAU,CACrB;MAEH;IAEH,kBACC,oBAAC;KACC,GAAI;KACJ,UAAU,MACR,MAAM,gBAAgB,UAAU,EAAE,EAAE,UAAU,YAAY,CAAC;MAE7D;IAEH,eACC,oBAAC;KACC,GAAI;KACJ,UAAU,MACR,MACG,aAAiC,UAAU,EAAE,EAC9C,UAAU,SAAS,CACpB;MAEH;OAEQ,GACP,GACP;;GACG;;;;;AAOb,MAAM,eAAe,WAAW,YAAY;AAE5C,aAAa,cAAc"}
1	+ {"version":3,"file":"AlertDialog.js","names":["Title"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { chain } from '../../../utils/react';\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 { Paragraph } from '../../content/Paragraph';\nimport { Title } from '../../content/Title';\nimport { CubeDialogProps, Dialog } from '../Dialog';\nimport { useDialogContext } from '../Dialog/context';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface CubeAlertDialogActionsProps {\n confirm?: CubeButtonProps \| boolean;\n secondary?: CubeButtonProps;\n cancel?: CubeButtonProps \| boolean;\n}\n\nexport interface CubeAlertDialogProps\n extends Omit<CubeDialogProps, 'children'> {\n content?: ReactNode;\n /** Whether the dialog is an important prompt /\n danger?: boolean;\n actions?: CubeAlertDialogActionsProps;\n title?: string;\n noActions?: boolean;\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n /\nfunction AlertDialog(props: CubeAlertDialogProps, ref) {\n const { onClose } = useDialogContext();\n const { t } = useI18n();\n\n const DEFAULT_CONFIRM_PROPS: CubeButtonProps = {\n label: t('alertDialog.confirm', 'Ok'),\n type: 'primary',\n };\n const DEFAULT_CANCEL_PROPS: CubeButtonProps = {\n label: t('alertDialog.cancel', 'Cancel'),\n };\n\n const { danger, actions, title, styles, noActions, content, ...otherProps } =\n props;\n\n let {\n confirm: confirmProps,\n secondary: secondaryProps,\n cancel: cancelProps,\n } = actions ?? {};\n\n // the confirm button is present by default\n confirmProps =\n confirmProps !== false\n ? {\n ...DEFAULT_CONFIRM_PROPS,\n ...(typeof confirmProps === 'object' ? confirmProps : null),\n }\n : undefined;\n\n // the cancel button is hidden by default\n cancelProps = cancelProps\n ? {\n ...DEFAULT_CANCEL_PROPS,\n ...(typeof cancelProps === 'object' ? cancelProps : null),\n }\n : undefined;\n\n return (\n <Dialog ref={ref} role=\"alertdialog\" isDismissable={false} {...otherProps}>\n {title ? (\n <Header>\n <Title>{title}</Title>\n </Header>\n ) : null}\n {content ? (\n <Content>\n {typeof content === 'string' ? (\n <Paragraph>{content}</Paragraph>\n ) : (\n content\n )}\n </Content>\n ) : null}\n {!noActions && (confirmProps \|\| secondaryProps \|\| cancelProps) ? (\n <Footer>\n <ButtonGroup>\n {confirmProps && (\n <Button\n autoFocus\n theme={danger ? 'danger' : undefined}\n {...confirmProps}\n onPress={(e) =>\n chain(\n (confirmProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('confirm'),\n )\n }\n />\n )}\n {secondaryProps && (\n <Button\n {...secondaryProps}\n onPress={(e) =>\n chain(secondaryProps?.onPress?.(e), onClose?.('secondary'))\n }\n />\n )}\n {cancelProps && (\n <Button\n {...cancelProps}\n onPress={(e) =>\n chain(\n (cancelProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('cancel'),\n )\n }\n />\n )}\n </ButtonGroup>\n </Footer>\n ) : null}\n </Dialog>\n );\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nconst _AlertDialog = forwardRef(AlertDialog);\n\n_AlertDialog.displayName = 'AlertDialog';\n\nexport { _AlertDialog as AlertDialog };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,SAAS,YAAY,OAA6B,KAAK;CACrD,MAAM,EAAE,YAAY,kBAAkB;CACtC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,wBAAyC;EAC7C,OAAO,EAAE,uBAAuB,KAAK;EACrC,MAAM;EACP;CACD,MAAM,uBAAwC,EAC5C,OAAO,EAAE,sBAAsB,SAAS,EACzC;CAED,MAAM,EAAE,QAAQ,SAAS,OAAO,QAAQ,WAAW,SAAS,GAAG,eAC7D;CAEF,IAAI,EACF,SAAS,cACT,WAAW,gBACX,QAAQ,gBACN,WAAW,EAAE;AAGjB,gBACE,iBAAiB,QACb;EACE,GAAG;EACH,GAAI,OAAO,iBAAiB,WAAW,eAAe;EACvD,GACD;AAGN,eAAc,cACV;EACE,GAAG;EACH,GAAI,OAAO,gBAAgB,WAAW,cAAc;EACrD,GACD;AAEJ,QACE,qBAAC;EAAY;EAAK,MAAK;EAAc,eAAe;EAAO,GAAI;;GAC5D,QACC,oBAAC,oBACC,oBAACA,oBAAO,QAAc,GACf,GACP;GACH,UACC,oBAAC,qBACE,OAAO,YAAY,WAClB,oBAAC,uBAAW,UAAoB,GAEhC,UAEM,GACR;GACH,CAAC,cAAc,gBAAgB,kBAAkB,eAChD,oBAAC,oBACC,qBAAC;IACE,gBACC,oBAAC;KACC;KACA,OAAO,SAAS,WAAW;KAC3B,GAAI;KACJ,UAAU,MACR,MACG,cAAkC,UAAU,EAAE,EAC/C,UAAU,UAAU,CACrB;MAEH;IAEH,kBACC,oBAAC;KACC,GAAI;KACJ,UAAU,MACR,MAAM,gBAAgB,UAAU,EAAE,EAAE,UAAU,YAAY,CAAC;MAE7D;IAEH,eACC,oBAAC;KACC,GAAI;KACJ,UAAU,MACR,MACG,aAAiC,UAAU,EAAE,EAC9C,UAAU,SAAS,CACpB;MAEH;OAEQ,GACP,GACP;;GACG;;;;;AAOb,MAAM,eAAe,WAAW,YAAY;AAE5C,aAAa,cAAc"}

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialogZone.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";

package/dist/components/overlays/AlertDialog/AlertDialogZone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertDialogZone.js","names":["AlertDialog"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogZone.tsx"],"sourcesContent":["import { Portal } from '../../portal';\nimport { DialogContainer } from '../Dialog~~/DialogContainer~~';\n\nimport { AlertDialog, CubeAlertDialogActionsProps } from './AlertDialog';\nimport { AlertDialogResolveStatus, Dialog } from './types';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface DialogZoneProps {\n openedDialog: Dialog \| null;\n}\n\nconst PORTAL_KEY = 'AlertDialogZone';\n\n/*\n @internal Do not use it\n */\nexport function AlertDialogZone(props: DialogZoneProps) {\n const { openedDialog } = props;\n\n if (openedDialog === null) return <Portal key={PORTAL_KEY} />;\n\n const {\n type,\n isDismissable = true,\n actions,\n onDismiss,\n content,\n ...options\n } = openedDialog.props;\n const { resolve, reject, isVisible, dialogType } = openedDialog.meta;\n\n const _actions: CubeAlertDialogActionsProps = (() => {\n const mergeActionProps = <\n T extends\n \| CubeAlertDialogActionsProps['confirm']\n \| CubeAlertDialogActionsProps['secondary'],\n >(\n action: T,\n status: AlertDialogResolveStatus,\n ): T => {\n if (typeof action === 'undefined') {\n return undefined as unknown as T;\n }\n\n if (typeof action === 'boolean') {\n return (action\n ? { onPress: () => resolve(status) }\n : false) as unknown as T;\n }\n\n const onPress = action.onPress;\n\n return {\n ...(action as CubeButtonProps),\n onPress: (e) => {\n onPress?.(e);\n resolve(status);\n },\n } as unknown as T;\n };\n\n if (typeof actions === 'undefined') return {};\n\n return {\n confirm: mergeActionProps(actions.confirm, 'confirm'),\n secondary: mergeActionProps(actions.secondary, 'secondary'),\n cancel:\n typeof actions.cancel === 'undefined'\n ? undefined\n : typeof actions.cancel === 'boolean'\n ? actions.cancel\n ? { onPress: () => reject(undefined) }\n : false\n : {\n ...(actions.cancel as CubeButtonProps),\n onPress: (e) => {\n (actions.cancel as CubeButtonProps).onPress?.(e);\n reject(undefined);\n },\n },\n };\n })();\n\n return (\n <Portal key={PORTAL_KEY}>\n <DialogContainer\n isOpen={isVisible}\n isDismissable={isDismissable}\n type={type}\n onDismiss={onDismiss}\n >\n <AlertDialog\n noActions={dialogType === 'form'}\n actions={_actions}\n isHidden={!isVisible}\n content={\n typeof content === 'function'\n ? content({ resolve, reject })\n : content\n }\n {...options}\n />\n </DialogContainer>\n </Portal>\n );\n}\n"],"mappings":";;;;;;;AAYA,MAAM,aAAa;;;;AAKnB,SAAgB,gBAAgB,OAAwB;CACtD,MAAM,EAAE,iBAAiB;AAEzB,KAAI,iBAAiB,KAAM,QAAO,oBAAC,YAAY,WAAc;CAE7D,MAAM,EACJ,MACA,gBAAgB,MAChB,SACA,WACA,SACA,GAAG,YACD,aAAa;CACjB,MAAM,EAAE,SAAS,QAAQ,WAAW,eAAe,aAAa;CAEhE,MAAM,kBAA+C;EACnD,MAAM,oBAKJ,QACA,WACM;AACN,OAAI,OAAO,WAAW,YACpB;AAGF,OAAI,OAAO,WAAW,UACpB,QAAQ,SACJ,EAAE,eAAe,QAAQ,OAAO,EAAE,GAClC;GAGN,MAAM,UAAU,OAAO;AAEvB,UAAO;IACL,GAAI;IACJ,UAAU,MAAM;AACd,eAAU,EAAE;AACZ,aAAQ,OAAO;;IAElB;;AAGH,MAAI,OAAO,YAAY,YAAa,QAAO,EAAE;AAE7C,SAAO;GACL,SAAS,iBAAiB,QAAQ,SAAS,UAAU;GACrD,WAAW,iBAAiB,QAAQ,WAAW,YAAY;GAC3D,QACE,OAAO,QAAQ,WAAW,cACtB,SACA,OAAO,QAAQ,WAAW,YACxB,QAAQ,SACN,EAAE,eAAe,OAAO,OAAU,EAAE,GACpC,QACF;IACE,GAAI,QAAQ;IACZ,UAAU,MAAM;AACd,KAAC,QAAQ,OAA2B,UAAU,EAAE;AAChD,YAAO,OAAU;;IAEpB;GACV;KACC;AAEJ,QACE,oBAAC,oBACC,oBAAC;EACC,QAAQ;EACO;EACT;EACK;YAEX,oBAACA;GACC,WAAW,eAAe;GAC1B,SAAS;GACT,UAAU,CAAC;GACX,SACE,OAAO,YAAY,aACf,QAAQ;IAAE;IAAS;IAAQ,CAAC,GAC5B;GAEN,GAAI;IACJ;GACc,IAlBP,WAmBJ"}
1	+ {"version":3,"file":"AlertDialogZone.js","names":["AlertDialog"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogZone.tsx"],"sourcesContent":["import { Portal } from '../../portal';\nimport { DialogContainer } from '../Dialog';\n\nimport { AlertDialog, CubeAlertDialogActionsProps } from './AlertDialog';\nimport { AlertDialogResolveStatus, Dialog } from './types';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface DialogZoneProps {\n openedDialog: Dialog \| null;\n}\n\nconst PORTAL_KEY = 'AlertDialogZone';\n\n/*\n @internal Do not use it\n */\nexport function AlertDialogZone(props: DialogZoneProps) {\n const { openedDialog } = props;\n\n if (openedDialog === null) return <Portal key={PORTAL_KEY} />;\n\n const {\n type,\n isDismissable = true,\n actions,\n onDismiss,\n content,\n ...options\n } = openedDialog.props;\n const { resolve, reject, isVisible, dialogType } = openedDialog.meta;\n\n const _actions: CubeAlertDialogActionsProps = (() => {\n const mergeActionProps = <\n T extends\n \| CubeAlertDialogActionsProps['confirm']\n \| CubeAlertDialogActionsProps['secondary'],\n >(\n action: T,\n status: AlertDialogResolveStatus,\n ): T => {\n if (typeof action === 'undefined') {\n return undefined as unknown as T;\n }\n\n if (typeof action === 'boolean') {\n return (action\n ? { onPress: () => resolve(status) }\n : false) as unknown as T;\n }\n\n const onPress = action.onPress;\n\n return {\n ...(action as CubeButtonProps),\n onPress: (e) => {\n onPress?.(e);\n resolve(status);\n },\n } as unknown as T;\n };\n\n if (typeof actions === 'undefined') return {};\n\n return {\n confirm: mergeActionProps(actions.confirm, 'confirm'),\n secondary: mergeActionProps(actions.secondary, 'secondary'),\n cancel:\n typeof actions.cancel === 'undefined'\n ? undefined\n : typeof actions.cancel === 'boolean'\n ? actions.cancel\n ? { onPress: () => reject(undefined) }\n : false\n : {\n ...(actions.cancel as CubeButtonProps),\n onPress: (e) => {\n (actions.cancel as CubeButtonProps).onPress?.(e);\n reject(undefined);\n },\n },\n };\n })();\n\n return (\n <Portal key={PORTAL_KEY}>\n <DialogContainer\n isOpen={isVisible}\n isDismissable={isDismissable}\n type={type}\n onDismiss={onDismiss}\n >\n <AlertDialog\n noActions={dialogType === 'form'}\n actions={_actions}\n isHidden={!isVisible}\n content={\n typeof content === 'function'\n ? content({ resolve, reject })\n : content\n }\n {...options}\n />\n </DialogContainer>\n </Portal>\n );\n}\n"],"mappings":";;;;;;;AAYA,MAAM,aAAa;;;;AAKnB,SAAgB,gBAAgB,OAAwB;CACtD,MAAM,EAAE,iBAAiB;AAEzB,KAAI,iBAAiB,KAAM,QAAO,oBAAC,YAAY,WAAc;CAE7D,MAAM,EACJ,MACA,gBAAgB,MAChB,SACA,WACA,SACA,GAAG,YACD,aAAa;CACjB,MAAM,EAAE,SAAS,QAAQ,WAAW,eAAe,aAAa;CAEhE,MAAM,kBAA+C;EACnD,MAAM,oBAKJ,QACA,WACM;AACN,OAAI,OAAO,WAAW,YACpB;AAGF,OAAI,OAAO,WAAW,UACpB,QAAQ,SACJ,EAAE,eAAe,QAAQ,OAAO,EAAE,GAClC;GAGN,MAAM,UAAU,OAAO;AAEvB,UAAO;IACL,GAAI;IACJ,UAAU,MAAM;AACd,eAAU,EAAE;AACZ,aAAQ,OAAO;;IAElB;;AAGH,MAAI,OAAO,YAAY,YAAa,QAAO,EAAE;AAE7C,SAAO;GACL,SAAS,iBAAiB,QAAQ,SAAS,UAAU;GACrD,WAAW,iBAAiB,QAAQ,WAAW,YAAY;GAC3D,QACE,OAAO,QAAQ,WAAW,cACtB,SACA,OAAO,QAAQ,WAAW,YACxB,QAAQ,SACN,EAAE,eAAe,OAAO,OAAU,EAAE,GACpC,QACF;IACE,GAAI,QAAQ;IACZ,UAAU,MAAM;AACd,KAAC,QAAQ,OAA2B,UAAU,EAAE;AAChD,YAAO,OAAU;;IAEpB;GACV;KACC;AAEJ,QACE,oBAAC,oBACC,oBAAC;EACC,QAAQ;EACO;EACT;EACK;YAEX,oBAACA;GACC,WAAW,eAAe;GAC1B,SAAS;GACT,UAAU,CAAC;GACX,SACE,OAAO,YAAY,aACf,QAAQ;IAAE;IAAS;IAAQ,CAAC,GAC5B;GAEN,GAAI;IACJ;GACc,IAlBP,WAmBJ"}

package/dist/components/overlays/Dialog/Dialog.js CHANGED Viewed

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { useI18n } from "../../../i18n/useI18n.js";
+import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { useOpenTransitionContext } from "../Modal/OpenTransitionContext.js";
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useDialogContext } from "./context.js";
-import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { BASE_STYLES, BLOCK_STYLES, DIMENSION_STYLES, FLOW_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/Dialog/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","names":["ItemButton","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { useObjectRef } from '@react-aria/utils';\nimport {\n BASE_STYLES,\n BaseProps,\n BaseStyleProps,\n BLOCK_STYLES,\n BlockStyleProps,\n DIMENSION_STYLES,\n DimensionStyleProps,\n FLOW_STYLES,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, Ref, useEffect, useMemo } from 'react';\nimport {\n AriaDialogProps,\n DismissButton,\n FocusScope,\n useDialog,\n} from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemButton } from '../../actions/ItemButton/ItemButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\n\nconst STYLES_LIST = [\n ...BASE_STYLES,\n ...DIMENSION_STYLES,\n ...BLOCK_STYLES,\n ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n as: 'section',\n styles: {\n display: 'flex',\n flow: 'column',\n fill: '#surface',\n pointerEvents: 'auto',\n outline: 0,\n position: {\n '': 'relative',\n 'type=panel': 'absolute',\n },\n width: {\n '': '$min-dialog-size $dialog-size (100dvw - 8x)',\n 'type=fullscreen': '(100dvw - 8x) (100dvw - 8x)',\n 'type=fullscreenTakeover': '100dvw 100dvw',\n 'type=panel': 'auto',\n },\n height: {\n '': 'auto (100dvh - 8x)',\n 'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n 'type=fullscreenTakeover \| type=panel': '100dvh 100dvh',\n 'type=popover': 'initial initial (50dvh - 5x)',\n },\n gap: 0,\n border: {\n '': false,\n 'type=popover': true,\n },\n radius: {\n '': '1cr',\n 'type=tray': '1cr top',\n 'type=fullscreenTakeover': '0r',\n },\n shadow: {\n '': '$dialog-shadow',\n 'type=popover \| type=panel': '$shadow',\n },\n top: {\n '': false,\n 'type=modal': '((50vh - 50%) / -3)',\n 'type=panel': 'auto',\n },\n '$dialog-title-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-padding-h': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-footer-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-gap': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n },\n});\n\nconst CloseButton = tasty(ItemButton, {\n qa: 'ModalCloseButton',\n type: 'clear',\n styles: {\n position: 'absolute',\n top: '1x',\n right: '1x',\n },\n});\n\nconst sizeMap = {\n S: 'small',\n M: 'medium',\n L: 'large',\n};\nconst sizePxMap = {\n small: 360,\n medium: 479,\n large: 798,\n};\n\nexport interface CubeDialogProps\n extends Omit<BaseProps, 'role'>,\n AriaDialogProps,\n BaseStyleProps,\n BlockStyleProps,\n DimensionStyleProps {\n /** The size of the dialog /\n size?: 'S' \| 'M' \| 'L' \| 'small' \| 'medium' \| 'large';\n /* Whether the dialog is dismissable /\n isDismissable?: boolean;\n /* Trigger when the dialog is dismissed /\n onDismiss?: (arg?: any) => void;\n /* That you can replace the close icon with /\n closeIcon?: ReactElement;\n closeButtonStyles?: Styles;\n role?: 'dialog' \| 'alertdialog';\n}\n\n/\n Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n /\nexport const Dialog = forwardRef(function Dialog(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n const transitionContext = useOpenTransitionContext();\n\n const isEntered = transitionContext?.transitionState === 'entered';\n\n const context = useDialogContext();\n\n const content = useMemo(() => {\n return <DialogContent key=\"content\" {...props} ref={ref} />;\n }, [props, ref]);\n\n const shouldContainFocus =\n isEntered && !!context.isOpen && context.type !== 'panel';\n\n return (\n // This component traps the focus inside the dialog and restores it on\n // close. The restore is the one that matters for popover-type dialogs —\n // `DialogTrigger`'s own restore is a no-op there — so `shouldRestoreFocus`\n // has to reach it. Containment is unaffected either way.\n <FocusScope\n restoreFocus={context.shouldRestoreFocus ?? true}\n contain={shouldContainFocus}\n >\n {content}\n </FocusScope>\n );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n let { type = 'modal', ...contextProps } = useDialogContext();\n\n let {\n qa,\n children,\n size = 'M',\n isDismissable = contextProps.isDismissable,\n onDismiss = contextProps.onClose,\n closeIcon,\n closeButtonStyles,\n style,\n ...otherProps\n } = props;\n\n size = sizeMap[size.toUpperCase()] \|\| size;\n\n const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n const { t } = useI18n();\n\n let domRef = useObjectRef(ref);\n let { dialogProps, titleProps } = useDialog(\n mergeProps(contextProps, props),\n domRef,\n );\n\n // If rendered in a popover or tray there won't be a visible dismiss button,\n // so we render a hidden one for screen readers.\n let dismissButton;\n if (type === 'popover' \|\| type === 'tray') {\n dismissButton = <DismissButton onDismiss={onDismiss} />;\n }\n\n // Focus the first focusable element in the dialog when it opens.\n //\n // We also re-run the priority focus logic when the dialog <section>\n // itself is the active element. This recovers from a race that occurs\n // when a popover-based component (FilterPicker, Picker, Select, …) opens\n // inside another contained Dialog: React's native `autoFocus` on the\n // inner control fires during the mutation phase, before the popover's\n // FocusScope registers in react-aria's focus-scope tree, so the outer\n // FocusScope yanks focus back. useDialog then defaults focus to the\n // dialog <section>; without re-promoting it here, the priority element\n // (e.g. the search input) is never focused.\n useEffect(() => {\n if (contextProps.isOpen) {\n setTimeout(() => {\n if (!domRef.current) return;\n\n const activeElement = document.activeElement;\n const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n const isFocusOnDialogShell = activeElement === domRef.current;\n\n // Priority 1: autofocus input or primary button\n const priorityElement = domRef.current.querySelector(\n 'input[data-autofocus], button[type=\"submit\"], button[data-type=\"primary\"]',\n ) as HTMLElement \| null;\n\n if (priorityElement && (isFocusOutsideDialog \|\| isFocusOnDialogShell)) {\n priorityElement.focus();\n return;\n }\n\n if (isFocusOutsideDialog) {\n // Fallback: focus first tabbable element, or dialog itself\n const focusManager = createFocusManager(domRef);\n\n if (!focusManager.focusFirst({ tabbable: true })) {\n domRef.current.focus();\n }\n }\n });\n }\n }, [contextProps.isOpen]);\n\n // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n let slots = {\n title: {\n level: 2,\n preset: 'h4',\n ...titleProps,\n },\n content: {\n styles: {\n flexGrow: 1,\n padding: '$dialog-content-padding-v $dialog-padding-h',\n gap: '$dialog-content-gap',\n height: {\n '': 'max (100% - (2 $dialog-content-padding-v))',\n ':last-child': 'max (100% - $dialog-content-padding-v)',\n },\n },\n },\n header: {\n ellipsis: true,\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center stretch',\n placeContent: 'space-between',\n padding: `$dialog-title-padding-v ${\n isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n } $dialog-title-padding-v $dialog-padding-h`,\n border: 'bottom',\n },\n },\n footer: {\n styles: {\n display: 'flex',\n gap: '1x',\n flow: 'row-reverse',\n placeItems: 'baseline stretch',\n placeContent: 'space-between',\n padding: '$dialog-footer-v $dialog-padding-h',\n },\n },\n buttonGroup: {\n styles: {\n flow: 'row-reverse',\n },\n },\n };\n\n return (\n <DialogElement\n ref={domRef}\n data-id=\"Dialog\"\n data-qa={qa \|\| 'Dialog'}\n styles={styles}\n as=\"section\"\n {...dialogProps}\n mods={{ dismissable: isDismissable }}\n style={{\n '--dialog-size': `${sizePxMap[size] \|\| sizePxMap.small}px`,\n ...style,\n }}\n data-type={type}\n data-size={size}\n >\n {dismissButton}\n\n <SlotProvider slots={slots}>\n {isDismissable && (\n <CloseButton\n icon={closeIcon \|\| <CloseIcon size={20} />}\n label={t('dialog.dismiss', 'Dismiss')}\n onPress={() => onDismiss && onDismiss()}\n />\n )}\n {children}\n </SlotProvider>\n </DialogElement>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"Dialog.js","names":["ItemButton","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager } from '@react-aria/focus';\nimport { useObjectRef } from '@react-aria/utils';\nimport {\n BASE_STYLES,\n BaseProps,\n BaseStyleProps,\n BLOCK_STYLES,\n BlockStyleProps,\n DIMENSION_STYLES,\n DimensionStyleProps,\n FLOW_STYLES,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, ReactElement, Ref, useEffect, useMemo } from 'react';\nimport {\n AriaDialogProps,\n DismissButton,\n FocusScope,\n useDialog,\n} from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemButton } from '../../actions';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { useDialogContext } from './context';\n\nconst STYLES_LIST = [\n ...BASE_STYLES,\n ...DIMENSION_STYLES,\n ...BLOCK_STYLES,\n ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n as: 'section',\n styles: {\n display: 'flex',\n flow: 'column',\n fill: '#surface',\n pointerEvents: 'auto',\n outline: 0,\n position: {\n '': 'relative',\n 'type=panel': 'absolute',\n },\n width: {\n '': '$min-dialog-size $dialog-size (100dvw - 8x)',\n 'type=fullscreen': '(100dvw - 8x) (100dvw - 8x)',\n 'type=fullscreenTakeover': '100dvw 100dvw',\n 'type=panel': 'auto',\n },\n height: {\n '': 'auto (100dvh - 8x)',\n 'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n 'type=fullscreenTakeover \| type=panel': '100dvh 100dvh',\n 'type=popover': 'initial initial (50dvh - 5x)',\n },\n gap: 0,\n border: {\n '': false,\n 'type=popover': true,\n },\n radius: {\n '': '1cr',\n 'type=tray': '1cr top',\n 'type=fullscreenTakeover': '0r',\n },\n shadow: {\n '': '$dialog-shadow',\n 'type=popover \| type=panel': '$shadow',\n },\n top: {\n '': false,\n 'type=modal': '((50vh - 50%) / -3)',\n 'type=panel': 'auto',\n },\n '$dialog-title-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-padding-h': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-footer-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-gap': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n },\n});\n\nconst CloseButton = tasty(ItemButton, {\n qa: 'ModalCloseButton',\n type: 'clear',\n styles: {\n position: 'absolute',\n top: '1x',\n right: '1x',\n },\n});\n\nconst sizeMap = {\n S: 'small',\n M: 'medium',\n L: 'large',\n};\nconst sizePxMap = {\n small: 360,\n medium: 479,\n large: 798,\n};\n\nexport interface CubeDialogProps\n extends Omit<BaseProps, 'role'>,\n AriaDialogProps,\n BaseStyleProps,\n BlockStyleProps,\n DimensionStyleProps {\n /** The size of the dialog /\n size?: 'S' \| 'M' \| 'L' \| 'small' \| 'medium' \| 'large';\n /* Whether the dialog is dismissable /\n isDismissable?: boolean;\n /* Trigger when the dialog is dismissed /\n onDismiss?: (arg?: any) => void;\n /* That you can replace the close icon with /\n closeIcon?: ReactElement;\n closeButtonStyles?: Styles;\n role?: 'dialog' \| 'alertdialog';\n}\n\n/\n Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n /\nexport const Dialog = forwardRef(function Dialog(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n const transitionContext = useOpenTransitionContext();\n\n const isEntered = transitionContext?.transitionState === 'entered';\n\n const context = useDialogContext();\n\n const content = useMemo(() => {\n return <DialogContent key=\"content\" {...props} ref={ref} />;\n }, [props, ref]);\n\n const shouldContainFocus =\n isEntered && !!context.isOpen && context.type !== 'panel';\n\n return (\n // This component traps the focus inside the dialog and restores it on\n // close. The restore is the one that matters for popover-type dialogs —\n // `DialogTrigger`'s own restore is a no-op there — so `shouldRestoreFocus`\n // has to reach it. Containment is unaffected either way.\n <FocusScope\n restoreFocus={context.shouldRestoreFocus ?? true}\n contain={shouldContainFocus}\n >\n {content}\n </FocusScope>\n );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n let { type = 'modal', ...contextProps } = useDialogContext();\n\n let {\n qa,\n children,\n size = 'M',\n isDismissable = contextProps.isDismissable,\n onDismiss = contextProps.onClose,\n closeIcon,\n closeButtonStyles,\n style,\n ...otherProps\n } = props;\n\n size = sizeMap[size.toUpperCase()] \|\| size;\n\n const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n const { t } = useI18n();\n\n let domRef = useObjectRef(ref);\n let { dialogProps, titleProps } = useDialog(\n mergeProps(contextProps, props),\n domRef,\n );\n\n // If rendered in a popover or tray there won't be a visible dismiss button,\n // so we render a hidden one for screen readers.\n let dismissButton;\n if (type === 'popover' \|\| type === 'tray') {\n dismissButton = <DismissButton onDismiss={onDismiss} />;\n }\n\n // Focus the first focusable element in the dialog when it opens.\n //\n // We also re-run the priority focus logic when the dialog <section>\n // itself is the active element. This recovers from a race that occurs\n // when a popover-based component (FilterPicker, Picker, Select, …) opens\n // inside another contained Dialog: React's native `autoFocus` on the\n // inner control fires during the mutation phase, before the popover's\n // FocusScope registers in react-aria's focus-scope tree, so the outer\n // FocusScope yanks focus back. useDialog then defaults focus to the\n // dialog <section>; without re-promoting it here, the priority element\n // (e.g. the search input) is never focused.\n useEffect(() => {\n if (contextProps.isOpen) {\n setTimeout(() => {\n if (!domRef.current) return;\n\n const activeElement = document.activeElement;\n const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n const isFocusOnDialogShell = activeElement === domRef.current;\n\n // Priority 1: autofocus input or primary button\n const priorityElement = domRef.current.querySelector(\n 'input[data-autofocus], button[type=\"submit\"], button[data-type=\"primary\"]',\n ) as HTMLElement \| null;\n\n if (priorityElement && (isFocusOutsideDialog \|\| isFocusOnDialogShell)) {\n priorityElement.focus();\n return;\n }\n\n if (isFocusOutsideDialog) {\n // Fallback: focus first tabbable element, or dialog itself\n const focusManager = createFocusManager(domRef);\n\n if (!focusManager.focusFirst({ tabbable: true })) {\n domRef.current.focus();\n }\n }\n });\n }\n }, [contextProps.isOpen]);\n\n // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n let slots = {\n title: {\n level: 2,\n preset: 'h4',\n ...titleProps,\n },\n content: {\n styles: {\n flexGrow: 1,\n padding: '$dialog-content-padding-v $dialog-padding-h',\n gap: '$dialog-content-gap',\n height: {\n '': 'max (100% - (2 $dialog-content-padding-v))',\n ':last-child': 'max (100% - $dialog-content-padding-v)',\n },\n },\n },\n header: {\n ellipsis: true,\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center stretch',\n placeContent: 'space-between',\n padding: `$dialog-title-padding-v ${\n isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n } $dialog-title-padding-v $dialog-padding-h`,\n border: 'bottom',\n },\n },\n footer: {\n styles: {\n display: 'flex',\n gap: '1x',\n flow: 'row-reverse',\n placeItems: 'baseline stretch',\n placeContent: 'space-between',\n padding: '$dialog-footer-v $dialog-padding-h',\n },\n },\n buttonGroup: {\n styles: {\n flow: 'row-reverse',\n },\n },\n };\n\n return (\n <DialogElement\n ref={domRef}\n data-id=\"Dialog\"\n data-qa={qa \|\| 'Dialog'}\n styles={styles}\n as=\"section\"\n {...dialogProps}\n mods={{ dismissable: isDismissable }}\n style={{\n '--dialog-size': `${sizePxMap[size] \|\| sizePxMap.small}px`,\n ...style,\n }}\n data-type={type}\n data-size={size}\n >\n {dismissButton}\n\n <SlotProvider slots={slots}>\n {isDismissable && (\n <CloseButton\n icon={closeIcon \|\| <CloseIcon size={20} />}\n label={t('dialog.dismiss', 'Dismiss')}\n onPress={() => onDismiss && onDismiss()}\n />\n )}\n {children}\n </SlotProvider>\n </DialogElement>\n );\n});\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/DialogContainer.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { Children, isValidElement, useRef } from "react";

package/dist/components/overlays/Dialog/DialogForm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";
@@ -6,10 +6,10 @@ import { Button } from "../../actions/index.js";
 import { useDialogContext } from "./context.js";
 import { Content } from "../../content/Content.js";
 import { Header } from "../../content/Header.js";
-import { Dialog } from "./Dialog.js";
 import { useForm } from "../../form/Form/use-form.js";
 import { _SubmitButton } from "../../form/Form/SubmitButton/SubmitButton.js";
 import { Form } from "../../form/Form/index.js";
+import { Dialog } from "./Dialog.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Dialog/DialogForm.tsx

package/dist/components/overlays/Dialog/DialogTrigger.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | 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/Modal/Modal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
 import { OpenTransitionContext } from "./OpenTransitionContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { useEffect, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { createContext, useContext, useMemo } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/overlays/Notifications/NotificationContext.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/overlays/Notifications/OverlayProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, useToastContext } from "./NotificationContext.js";
 import { OverlayContainer } from "./OverlayContainer.js";
 import { useNotificationState } from "./use-notification-state.js";

package/dist/components/overlays/Notifications/PersistentNotificationsList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Notifications/dismissed-storage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 //#region src/components/overlays/Notifications/dismissed-storage.ts
 const STORAGE_KEY = "cube-ui-dismissed-notifications";
 const TTL_MS = 864e5;

package/dist/components/overlays/Notifications/format-relative-time.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 //#region src/components/overlays/Notifications/format-relative-time.ts
 /**
 * Lightweight relative time formatter.

package/dist/components/overlays/Notifications/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useToastContext } from "./NotificationContext.js";
 import { NotificationAction } from "./NotificationAction.js";
 import { NotificationCard } from "./NotificationCard.js";

package/dist/components/overlays/Notifications/use-notification-state.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Notifications/use-notifications.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";

package/dist/components/overlays/Notifications/use-overlay-timers.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";

package/dist/components/overlays/Notifications/use-persistent-notifications.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { useMemo } from "react";

package/dist/components/overlays/Notifications/use-persistent-state.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cleanupAndGetValidIds, saveDismissedId } from "./dismissed-storage.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Notifications/use-toast-state.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Toast/ToastItem.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Toast/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useProgressToast } from "./useProgressToast.js";
 import { getThemeIcon, useToast } from "./useToast.js";

package/dist/components/overlays/Toast/useProgressToast.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Toast/useToast.js CHANGED Viewed

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ddeb67e | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4504c1a | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
-import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
-import { useToastContext } from "../Notifications/NotificationContext.js";
 import { DangerIcon } from "../../../icons/DangerIcon.js";
+import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
 import { WarningIcon } from "../../../icons/WarningIcon.js";
+import { useToastContext } from "../Notifications/NotificationContext.js";
 import { isValidElement, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { isFragment } from "react-is";