@cube-dev/ui-kit 0.153.0 → 0.154.1

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

@@ -0,0 +1,229 @@
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+import { _Title } from "../../content/Title.js";
+import { useProviderProps } from "../../../provider.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 { getQuarter, snapToPeriod } from "../../fields/DatePicker/period.js";
+import { tasty } from "@tenphi/tasty";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useDateFormatter, useLocale } from "react-aria";
+import { CalendarDate, getLocalTimeZone, today } from "@internationalized/date";
+
+//#region src/components/other/Calendar/PeriodCalendar.tsx
+const PeriodCalendarElement = tasty({ styles: {
+	padding: "1x",
+	gap: "1x",
+	width: "min 30x"
+} });
+const PeriodHeaderElement = tasty({ styles: {
+	display: "flex",
+	placeContent: "center space-between",
+	placeItems: "center",
+	gap: "1.5x"
+} });
+const PeriodGridElement = tasty({ styles: {
+	display: "grid",
+	gap: "1bw",
+	padding: ".5x top"
+} });
+const PeriodCellElement = tasty({
+	as: "button",
+	"data-popover-keep": true,
+	styles: {
+		preset: "t3m",
+		display: "grid",
+		placeItems: "center",
+		height: "5x",
+		padding: "1x",
+		border: 0,
+		fill: {
+			"": "#primary.0",
+			":hover": "#primary.16",
+			pressed: "#primary.10",
+			selected: "#primary",
+			"selected & :hover": "#primary",
+			disabled: "#primary.0"
+		},
+		color: {
+			"": "#dark",
+			outside: "#dark.30",
+			selected: "#white",
+			disabled: "#dark.30"
+		},
+		outline: {
+			"": "1bw #primary-text.0",
+			focused: "1bw #primary-text"
+		},
+		outlineOffset: .5,
+		radius: true,
+		cursor: {
+			"": "pointer",
+			disabled: "not-allowed"
+		}
+	}
+});
+const COLUMNS = {
+	month: 3,
+	quarter: 4,
+	year: 3
+};
+function PeriodCalendar(props) {
+	props = useProviderProps(props);
+	let { picker, value, onChange, minValue, maxValue, isDateUnavailable, isDisabled, autoFocus } = props;
+	let { locale } = useLocale();
+	let monthFormatter = useDateFormatter({
+		month: "short",
+		timeZone: "UTC"
+	});
+	let selected = value ?? null;
+	let selectedYear = selected?.year ?? null;
+	let selectedMonth = selected?.month ?? null;
+	let [focusedYear, setFocusedYear] = useState(() => selectedYear ?? today(getLocalTimeZone()).year);
+	let cols = COLUMNS[picker];
+	let step = picker === "year" ? 10 : 1;
+	let decadeStart = Math.floor(focusedYear / 10) * 10;
+	let isPeriodDisabled = (date) => {
+		if (isDisabled) return true;
+		if (minValue && date.compare(snapToPeriod(minValue, picker, locale)) < 0) return true;
+		if (maxValue && date.compare(snapToPeriod(maxValue, picker, locale)) > 0) return true;
+		return isDateUnavailable?.(date) ?? false;
+	};
+	let cells = useMemo(() => {
+		if (picker === "month") return Array.from({ length: 12 }, (_, m) => {
+			let date = new CalendarDate(focusedYear, m + 1, 1);
+			return {
+				key: `m-${m}`,
+				label: monthFormatter.format(new Date(Date.UTC(2021, m, 15))),
+				date,
+				isSelected: selectedYear === focusedYear && selectedMonth === m + 1,
+				isDisabled: isPeriodDisabled(date),
+				isOutside: false
+			};
+		});
+		if (picker === "quarter") return Array.from({ length: 4 }, (_, q) => {
+			let date = new CalendarDate(focusedYear, q * 3 + 1, 1);
+			return {
+				key: `q-${q}`,
+				label: `Q${q + 1}`,
+				date,
+				isSelected: selectedYear === focusedYear && selectedMonth != null && getQuarter(selectedMonth) === q + 1,
+				isDisabled: isPeriodDisabled(date),
+				isOutside: false
+			};
+		});
+		return Array.from({ length: 12 }, (_, i) => {
+			let year = decadeStart - 1 + i;
+			let date = new CalendarDate(year, 1, 1);
+			return {
+				key: `y-${year}`,
+				label: String(year),
+				date,
+				isSelected: selectedYear === year,
+				isDisabled: isPeriodDisabled(date),
+				isOutside: year < decadeStart || year > decadeStart + 9
+			};
+		});
+	}, [
+		picker,
+		focusedYear,
+		decadeStart,
+		selectedYear,
+		selectedMonth,
+		monthFormatter,
+		locale,
+		minValue,
+		maxValue,
+		isDateUnavailable,
+		isDisabled
+	]);
+	let title = picker === "year" ? `${decadeStart}-${decadeStart + 9}` : String(focusedYear);
+	let cellRefs = useRef([]);
+	let [focusedIndex, setFocusedIndex] = useState(() => {
+		let idx = cells.findIndex((cell) => cell.isSelected);
+		return idx >= 0 ? idx : 0;
+	});
+	useEffect(() => {
+		if (autoFocus) cellRefs.current[focusedIndex]?.focus();
+	}, []);
+	let moveFocus = (index) => {
+		let clamped = Math.max(0, Math.min(cells.length - 1, index));
+		setFocusedIndex(clamped);
+		cellRefs.current[clamped]?.focus();
+	};
+	let onKeyDown = (e) => {
+		switch (e.key) {
+			case "ArrowRight":
+				moveFocus(focusedIndex + 1);
+				break;
+			case "ArrowLeft":
+				moveFocus(focusedIndex - 1);
+				break;
+			case "ArrowDown":
+				moveFocus(focusedIndex + cols);
+				break;
+			case "ArrowUp":
+				moveFocus(focusedIndex - cols);
+				break;
+			case "Home":
+				moveFocus(0);
+				break;
+			case "End":
+				moveFocus(cells.length - 1);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	};
+	return /* @__PURE__ */ jsxs(PeriodCalendarElement, { children: [/* @__PURE__ */ jsxs(PeriodHeaderElement, { children: [/* @__PURE__ */ jsx(_Title, {
+		level: 6,
+		preset: "h6",
+		children: title
+	}), /* @__PURE__ */ jsxs(Space, {
+		gap: ".5x",
+		children: [/* @__PURE__ */ jsx(Button, {
+			"data-popover-keep": true,
+			size: "xsmall",
+			"aria-label": "Previous",
+			icon: /* @__PURE__ */ jsx(LeftIcon, {}),
+			isDisabled,
+			onPress: () => setFocusedYear((year) => year - step)
+		}), /* @__PURE__ */ jsx(Button, {
+			"data-popover-keep": true,
+			size: "xsmall",
+			"aria-label": "Next",
+			icon: /* @__PURE__ */ jsx(RightIcon, {}),
+			isDisabled,
+			onPress: () => setFocusedYear((year) => year + step)
+		})]
+	})] }), /* @__PURE__ */ jsx(PeriodGridElement, {
+		role: "grid",
+		styles: { gridColumns: `repeat(${cols}, 1fr)` },
+		onKeyDown,
+		children: cells.map((cell, i) => /* @__PURE__ */ jsx(PeriodCellElement, {
+			ref: (el) => {
+				cellRefs.current[i] = el;
+			},
+			type: "button",
+			tabIndex: i === focusedIndex ? 0 : -1,
+			disabled: cell.isDisabled,
+			"aria-pressed": cell.isSelected,
+			mods: {
+				selected: cell.isSelected,
+				outside: cell.isOutside,
+				disabled: cell.isDisabled
+			},
+			onFocus: () => setFocusedIndex(i),
+			onClick: () => {
+				if (!cell.isDisabled) onChange?.(cell.date);
+			},
+			children: cell.label
+		}, cell.key))
+	})] });
+}
+
+//#endregion
+export { PeriodCalendar };
+//# sourceMappingURL=PeriodCalendar.js.map

package/dist/components/other/Calendar/PeriodCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodCalendar.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/PeriodCalendar.tsx"],"sourcesContent":["import { CalendarDate, getLocalTimeZone, today } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { DateValue, useDateFormatter, useLocale } from 'react-aria';\n\nimport { LeftIcon, RightIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport {\n  getQuarter,\n  PickerType,\n  snapToPeriod,\n} from '../../fields/DatePicker/period';\nimport { Space } from '../../layout/Space';\n\nconst PeriodCalendarElement = tasty({\n  styles: {\n    padding: '1x',\n    gap: '1x',\n    width: 'min 30x',\n  },\n});\n\nconst PeriodHeaderElement = tasty({\n  styles: {\n    display: 'flex',\n    placeContent: 'center space-between',\n    placeItems: 'center',\n    gap: '1.5x',\n  },\n});\n\nconst PeriodGridElement = tasty({\n  styles: {\n    display: 'grid',\n    gap: '1bw',\n    padding: '.5x top',\n  },\n});\n\nconst PeriodCellElement = tasty({\n  as: 'button',\n  'data-popover-keep': true,\n  styles: {\n    preset: 't3m',\n    display: 'grid',\n    placeItems: 'center',\n    height: '5x',\n    padding: '1x',\n    border: 0,\n    fill: {\n      '': '#primary.0',\n      ':hover': '#primary.16',\n      pressed: '#primary.10',\n\n      selected: '#primary',\n      'selected & :hover': '#primary',\n\n      disabled: '#primary.0',\n    },\n    color: {\n      '': '#dark',\n      outside: '#dark.30',\n      selected: '#white',\n      disabled: '#dark.30',\n    },\n    outline: {\n      '': '1bw #primary-text.0',\n      focused: '1bw #primary-text',\n    },\n    outlineOffset: 0.5,\n    radius: true,\n    cursor: {\n      '': 'pointer',\n      disabled: 'not-allowed',\n    },\n  },\n});\n\n// picker → grid columns\nconst COLUMNS: Record<'month' | 'quarter' | 'year', number> = {\n  month: 3,\n  quarter: 4,\n  year: 3,\n};\n\nexport interface CubePeriodCalendarProps {\n  /** Which non-day period this panel selects. */\n  picker: 'month' | 'quarter' | 'year';\n  value?: DateValue | null;\n  onChange?: (date: CalendarDate) => void;\n  minValue?: DateValue | null;\n  maxValue?: DateValue | null;\n  isDateUnavailable?: (date: DateValue) => boolean;\n  isDisabled?: boolean;\n  autoFocus?: boolean;\n}\n\ninterface Cell {\n  key: string;\n  label: string;\n  date: CalendarDate;\n  isSelected: boolean;\n  isDisabled: boolean;\n  isOutside: boolean;\n}\n\nexport function PeriodCalendar(props: CubePeriodCalendarProps) {\n  props = useProviderProps(props);\n\n  let {\n    picker,\n    value,\n    onChange,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    isDisabled,\n    autoFocus,\n  } = props;\n\n  let { locale } = useLocale();\n  let monthFormatter = useDateFormatter({ month: 'short', timeZone: 'UTC' });\n\n  let selected = value ?? null;\n  let selectedYear = selected?.year ?? null;\n  let selectedMonth = selected?.month ?? null;\n\n  let [focusedYear, setFocusedYear] = useState(\n    () => selectedYear ?? today(getLocalTimeZone()).year,\n  );\n\n  let cols = COLUMNS[picker];\n  let step = picker === 'year' ? 10 : 1;\n  let decadeStart = Math.floor(focusedYear / 10) * 10;\n\n  let isPeriodDisabled = (date: CalendarDate) => {\n    if (isDisabled) return true;\n    if (minValue && date.compare(snapToPeriod(minValue, picker, locale)) < 0) {\n      return true;\n    }\n    if (maxValue && date.compare(snapToPeriod(maxValue, picker, locale)) > 0) {\n      return true;\n    }\n\n    return isDateUnavailable?.(date) ?? false;\n  };\n\n  let cells = useMemo<Cell[]>(() => {\n    if (picker === 'month') {\n      return Array.from({ length: 12 }, (_, m) => {\n        let date = new CalendarDate(focusedYear, m + 1, 1);\n\n        return {\n          key: `m-${m}`,\n          label: monthFormatter.format(new Date(Date.UTC(2021, m, 15))),\n          date,\n          isSelected: selectedYear === focusedYear && selectedMonth === m + 1,\n          isDisabled: isPeriodDisabled(date),\n          isOutside: false,\n        };\n      });\n    }\n\n    if (picker === 'quarter') {\n      return Array.from({ length: 4 }, (_, q) => {\n        let date = new CalendarDate(focusedYear, q * 3 + 1, 1);\n\n        return {\n          key: `q-${q}`,\n          label: `Q${q + 1}`,\n          date,\n          isSelected:\n            selectedYear === focusedYear &&\n            selectedMonth != null &&\n            getQuarter(selectedMonth) === q + 1,\n          isDisabled: isPeriodDisabled(date),\n          isOutside: false,\n        };\n      });\n    }\n\n    // year: render 12 cells — one leading + a decade + one trailing.\n    return Array.from({ length: 12 }, (_, i) => {\n      let year = decadeStart - 1 + i;\n      let date = new CalendarDate(year, 1, 1);\n\n      return {\n        key: `y-${year}`,\n        label: String(year),\n        date,\n        isSelected: selectedYear === year,\n        isDisabled: isPeriodDisabled(date),\n        isOutside: year < decadeStart || year > decadeStart + 9,\n      };\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    picker,\n    focusedYear,\n    decadeStart,\n    selectedYear,\n    selectedMonth,\n    monthFormatter,\n    locale,\n    minValue,\n    maxValue,\n    isDateUnavailable,\n    isDisabled,\n  ]);\n\n  let title =\n    picker === 'year'\n      ? `${decadeStart}-${decadeStart + 9}`\n      : String(focusedYear);\n\n  let cellRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  let [focusedIndex, setFocusedIndex] = useState(() => {\n    let idx = cells.findIndex((cell) => cell.isSelected);\n\n    return idx >= 0 ? idx : 0;\n  });\n\n  useEffect(() => {\n    if (autoFocus) {\n      cellRefs.current[focusedIndex]?.focus();\n    }\n    // Focus only on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  let moveFocus = (index: number) => {\n    let clamped = Math.max(0, Math.min(cells.length - 1, index));\n    setFocusedIndex(clamped);\n    cellRefs.current[clamped]?.focus();\n  };\n\n  let onKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowRight':\n        moveFocus(focusedIndex + 1);\n        break;\n      case 'ArrowLeft':\n        moveFocus(focusedIndex - 1);\n        break;\n      case 'ArrowDown':\n        moveFocus(focusedIndex + cols);\n        break;\n      case 'ArrowUp':\n        moveFocus(focusedIndex - cols);\n        break;\n      case 'Home':\n        moveFocus(0);\n        break;\n      case 'End':\n        moveFocus(cells.length - 1);\n        break;\n      default:\n        return;\n    }\n    e.preventDefault();\n  };\n\n  return (\n    <PeriodCalendarElement>\n      <PeriodHeaderElement>\n        <Title level={6} preset=\"h6\">\n          {title}\n        </Title>\n        <Space gap=\".5x\">\n          <Button\n            data-popover-keep\n            size=\"xsmall\"\n            aria-label=\"Previous\"\n            icon={<LeftIcon />}\n            isDisabled={isDisabled}\n            onPress={() => setFocusedYear((year) => year - step)}\n          />\n          <Button\n            data-popover-keep\n            size=\"xsmall\"\n            aria-label=\"Next\"\n            icon={<RightIcon />}\n            isDisabled={isDisabled}\n            onPress={() => setFocusedYear((year) => year + step)}\n          />\n        </Space>\n      </PeriodHeaderElement>\n      <PeriodGridElement\n        role=\"grid\"\n        styles={{ gridColumns: `repeat(${cols}, 1fr)` }}\n        onKeyDown={onKeyDown}\n      >\n        {cells.map((cell, i) => (\n          <PeriodCellElement\n            key={cell.key}\n            ref={(el: HTMLButtonElement | null) => {\n              cellRefs.current[i] = el;\n            }}\n            type=\"button\"\n            tabIndex={i === focusedIndex ? 0 : -1}\n            disabled={cell.isDisabled}\n            aria-pressed={cell.isSelected}\n            mods={{\n              selected: cell.isSelected,\n              outside: cell.isOutside,\n              disabled: cell.isDisabled,\n            }}\n            onFocus={() => setFocusedIndex(i)}\n            onClick={() => {\n              if (!cell.isDisabled) onChange?.(cell.date);\n            }}\n          >\n            {cell.label}\n          </PeriodCellElement>\n        ))}\n      </PeriodGridElement>\n    </PeriodCalendarElement>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { isValidElement, useEffect, useState } from "react";

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { TooltipContext } from "./context.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { tasty } from "@tenphi/tasty";