@cube-dev/ui-kit 0.190.6 → 0.190.8

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react-compiler-runtime";
@@ -24,51 +24,56 @@ const TableElement = tasty({
 	}
 });
 function CalendarGrid(props) {
-	const $ = c(17);
+	const $ = c(18);
 	const { state, selectedRange, pickerMode: t0 } = props;
 	const pickerMode = t0 === void 0 ? "day" : t0;
 	const { locale } = useLocale();
-	const { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {};
+		$[0] = t1;
+	} else t1 = $[0];
+	const { gridProps, headerProps, weekDays } = useCalendarGrid(t1, state);
 	const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
 	const showWeekNumbers = pickerMode === "week";
 	const today$1 = toCalendar(today(state.timeZone), state.visibleRange.start.calendar);
 	const [hoveredWeek, setHoveredWeek] = useState(null);
 	const T0 = TableElement;
-	let t1;
-	if ($[0] !== showWeekNumbers) {
-		t1 = showWeekNumbers && /* @__PURE__ */ jsx("th", { "aria-hidden": "true" });
-		$[0] = showWeekNumbers;
-		$[1] = t1;
-	} else t1 = $[1];
 	let t2;
-	if ($[2] !== weekDays) {
-		t2 = weekDays.map(_temp);
-		$[2] = weekDays;
-		$[3] = t2;
-	} else t2 = $[3];
+	if ($[1] !== showWeekNumbers) {
+		t2 = showWeekNumbers && /* @__PURE__ */ jsx("th", { "aria-hidden": "true" });
+		$[1] = showWeekNumbers;
+		$[2] = t2;
+	} else t2 = $[2];
 	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("tr", {
+	if ($[3] !== weekDays) {
+		t3 = weekDays.map(_temp);
+		$[3] = weekDays;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("tr", {
 			"data-element": "HeadRow",
-			children: [t1, t2]
+			children: [t2, t3]
 		});
-		$[4] = t1;
 		$[5] = t2;
 		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== headerProps || $[8] !== t3) {
-		t4 = /* @__PURE__ */ jsx("thead", {
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== headerProps || $[9] !== t4) {
+		t5 = /* @__PURE__ */ jsx("thead", {
 			"data-element": "Head",
 			...headerProps,
-			children: t3
+			children: t4
 		});
-		$[7] = headerProps;
-		$[8] = t3;
+		$[8] = headerProps;
 		$[9] = t4;
-	} else t4 = $[9];
-	const t5 = "Body";
-	const t6 = [...new Array(weeksInMonth).keys()].map((weekIndex) => {
+		$[10] = t5;
+	} else t5 = $[10];
+	const t6 = "Body";
+	const t7 = [...new Array(weeksInMonth).keys()].map((weekIndex) => {
 		const datesInWeek = state.getDatesInWeek(weekIndex);
 		const firstDate = datesInWeek.find(Boolean);
 		const isRowHovered = showWeekNumbers && hoveredWeek === weekIndex;
@@ -89,28 +94,28 @@ function CalendarGrid(props) {
 			}, i) : /* @__PURE__ */ jsx("td", {}, i))]
 		}, weekIndex);
 	});
-	let t7;
-	if ($[10] !== t6) {
-		t7 = /* @__PURE__ */ jsx("tbody", {
-			"data-element": t5,
-			children: t6
+	let t8;
+	if ($[11] !== t7) {
+		t8 = /* @__PURE__ */ jsx("tbody", {
+			"data-element": t6,
+			children: t7
 		});
-		$[10] = t6;
 		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== T0 || $[13] !== gridProps || $[14] !== t4 || $[15] !== t7) {
-		t8 = /* @__PURE__ */ jsxs(T0, {
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== T0 || $[14] !== gridProps || $[15] !== t5 || $[16] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(T0, {
 			...gridProps,
-			children: [t4, t7]
+			children: [t5, t8]
 		});
-		$[12] = T0;
-		$[13] = gridProps;
-		$[14] = t4;
-		$[15] = t7;
+		$[13] = T0;
+		$[14] = gridProps;
+		$[15] = t5;
 		$[16] = t8;
-	} else t8 = $[16];
-	return t8;
+		$[17] = t9;
+	} else t9 = $[17];
+	return t9;
 }
 function _temp(day, index) {
 	return /* @__PURE__ */ jsx("th", { children: day }, index);

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.js","names":["today","getToday","getWeeksInMonth","toCalendar","tasty","useState","DateValue","useCalendarGrid","useLocale","CalendarState","RangeCalendarState","getWeekNumber","CalendarCell","TableElement","as","styles","borderCollapse","borderSpacing","HeadRow","color","WeekNumber","preset","textAlign","padding","CubeCalendarGridProps","state","selectedRange","start","end","pickerMode","CalendarGrid","props","$","_c","t0","undefined","locale","gridProps","headerProps","weekDays","weeksInMonth","visibleRange","showWeekNumbers","timeZone","calendar","hoveredWeek","setHoveredWeek","T0","t1","t2","map","_temp","t3","t4","t5","t6","Array","keys","weekIndex","datesInWeek","getDatesInWeek","firstDate","find","Boolean","isRowHovered","date","i","t7","t8","day","index"],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import {\n  today as getToday,\n  getWeeksInMonth,\n  toCalendar,\n} from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\nimport { DateValue, useCalendarGrid, useLocale } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { getWeekNumber } from '../../fields/DatePicker/period';\n\nimport { CalendarCell } from './CalendarCell';\n\nconst TableElement = tasty({\n  as: 'table',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n\n    HeadRow: {\n      color: '#dark-04',\n    },\n\n    WeekNumber: {\n      preset: 't3m',\n      color: '#dark-04',\n      textAlign: 'center',\n      padding: '0 1x',\n    },\n  },\n});\n\nexport interface CubeCalendarGridProps {\n  state: CalendarState | RangeCalendarState;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week under the pointer.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nexport function CalendarGrid(props: CubeCalendarGridProps) {\n  let { state, selectedRange, pickerMode = 'day' } = props;\n  let { locale } = useLocale();\n  let { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);\n\n  // Get the number of weeks in the month, so we can render the proper number of rows.\n  let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n  let showWeekNumbers = pickerMode === 'week';\n\n  let today = toCalendar(\n    getToday(state.timeZone),\n    state.visibleRange.start.calendar,\n  );\n\n  // In week mode, hovering any day highlights the whole week row.\n  let [hoveredWeek, setHoveredWeek] = useState<number | null>(null);\n\n  return (\n    <TableElement {...gridProps}>\n      <thead data-element=\"Head\" {...headerProps}>\n        <tr data-element=\"HeadRow\">\n          {showWeekNumbers && <th aria-hidden=\"true\" />}\n          {weekDays.map((day, index) => (\n            <th key={index}>{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody data-element=\"Body\">\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => {\n          let datesInWeek = state.getDatesInWeek(weekIndex);\n          let firstDate = datesInWeek.find(Boolean);\n          let isRowHovered = showWeekNumbers && hoveredWeek === weekIndex;\n\n          return (\n            <tr\n              key={weekIndex}\n              data-element=\"Row\"\n              onMouseEnter={\n                showWeekNumbers ? () => setHoveredWeek(weekIndex) : undefined\n              }\n              onMouseLeave={\n                showWeekNumbers ? () => setHoveredWeek(null) : undefined\n              }\n            >\n              {showWeekNumbers && (\n                <td data-element=\"WeekNumber\" aria-hidden=\"true\">\n                  {firstDate ? getWeekNumber(firstDate, locale) : ''}\n                </td>\n              )}\n              {datesInWeek.map((date, i) =>\n                date ? (\n                  <CalendarCell\n                    key={i}\n                    state={state}\n                    date={date}\n                    today={today}\n                    selectedRange={selectedRange}\n                    rangeHover={isRowHovered}\n                  />\n                ) : (\n                  <td key={i} />\n                ),\n              )}\n            </tr>\n          );\n        })}\n      </tbody>\n    </TableElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CalendarGrid.js","names":["today","getToday","getWeeksInMonth","toCalendar","tasty","useState","DateValue","useCalendarGrid","useLocale","CalendarState","RangeCalendarState","getWeekNumber","CalendarCell","TableElement","as","styles","borderCollapse","borderSpacing","HeadRow","color","WeekNumber","preset","textAlign","padding","CubeCalendarGridProps","state","selectedRange","start","end","pickerMode","CalendarGrid","props","$","_c","t0","undefined","locale","t1","Symbol","for","gridProps","headerProps","weekDays","weeksInMonth","visibleRange","showWeekNumbers","timeZone","calendar","hoveredWeek","setHoveredWeek","T0","t2","t3","map","_temp","t4","t5","t6","t7","Array","keys","weekIndex","datesInWeek","getDatesInWeek","firstDate","find","Boolean","isRowHovered","date","i","t8","t9","day","index"],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import {\n  today as getToday,\n  getWeeksInMonth,\n  toCalendar,\n} from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\nimport { DateValue, useCalendarGrid, useLocale } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { getWeekNumber } from '../../fields/DatePicker/period';\n\nimport { CalendarCell } from './CalendarCell';\n\nconst TableElement = tasty({\n  as: 'table',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n\n    HeadRow: {\n      color: '#dark-04',\n    },\n\n    WeekNumber: {\n      preset: 't3m',\n      color: '#dark-04',\n      textAlign: 'center',\n      padding: '0 1x',\n    },\n  },\n});\n\nexport interface CubeCalendarGridProps {\n  state: CalendarState | RangeCalendarState;\n  /** Explicit range highlight, used when the range lives outside the state. */\n  selectedRange?: { start: DateValue; end: DateValue };\n  /**\n   * When set to `week`, the grid shows a leading week-number column and\n   * highlights the whole week under the pointer.\n   */\n  pickerMode?: 'day' | 'week';\n}\n\nexport function CalendarGrid(props: CubeCalendarGridProps) {\n  let { state, selectedRange, pickerMode = 'day' } = props;\n  let { locale } = useLocale();\n  let { gridProps, headerProps, weekDays } = useCalendarGrid({}, state);\n\n  // Get the number of weeks in the month, so we can render the proper number of rows.\n  let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n  let showWeekNumbers = pickerMode === 'week';\n\n  let today = toCalendar(\n    getToday(state.timeZone),\n    state.visibleRange.start.calendar,\n  );\n\n  // In week mode, hovering any day highlights the whole week row.\n  let [hoveredWeek, setHoveredWeek] = useState<number | null>(null);\n\n  return (\n    <TableElement {...gridProps}>\n      <thead data-element=\"Head\" {...headerProps}>\n        <tr data-element=\"HeadRow\">\n          {showWeekNumbers && <th aria-hidden=\"true\" />}\n          {weekDays.map((day, index) => (\n            <th key={index}>{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody data-element=\"Body\">\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => {\n          let datesInWeek = state.getDatesInWeek(weekIndex);\n          let firstDate = datesInWeek.find(Boolean);\n          let isRowHovered = showWeekNumbers && hoveredWeek === weekIndex;\n\n          return (\n            <tr\n              key={weekIndex}\n              data-element=\"Row\"\n              onMouseEnter={\n                showWeekNumbers ? () => setHoveredWeek(weekIndex) : undefined\n              }\n              onMouseLeave={\n                showWeekNumbers ? () => setHoveredWeek(null) : undefined\n              }\n            >\n              {showWeekNumbers && (\n                <td data-element=\"WeekNumber\" aria-hidden=\"true\">\n                  {firstDate ? getWeekNumber(firstDate, locale) : ''}\n                </td>\n              )}\n              {datesInWeek.map((date, i) =>\n                date ? (\n                  <CalendarCell\n                    key={i}\n                    state={state}\n                    date={date}\n                    today={today}\n                    selectedRange={selectedRange}\n                    rangeHover={isRowHovered}\n                  />\n                ) : (\n                  <td key={i} />\n                ),\n              )}\n            </tr>\n          );\n        })}\n      </tbody>\n    </TableElement>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
@@ -29,7 +29,6 @@ const CalendarTitleElement = tasty(_Title, {
 	}
 });
 const CalendarTitleButton = tasty(Button, {
-	"data-popover-keep": true,
 	type: "clear",
 	size: "xsmall"
 });
@@ -114,6 +113,7 @@ function CalendarHeader(props) {
 function _temp(t0) {
 	const { key, label, onPress, isDisabled } = t0;
 	return /* @__PURE__ */ jsx(CalendarTitleButton, {
+		"data-popover-keep": true,
 		isDisabled,
 		onPress,
 		children: label

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["tasty","ReactNode","LeftIcon","RightIcon","Button","Title","Space","CalendarHeaderElement","Props","CalendarTitleElement","level","preset","styles","display","placeItems","gap","padding","interactive","CalendarTitleButton","type","size","CubeCalendarHeaderSegment","key","label","onPress","isDisabled","CubeCalendarHeaderProps","segments","title","prevButtonProps","nextButtonProps","CalendarHeader","props","$","_c","t0","length","t1","t2","map","_temp","t3","t4","Symbol","for","t5","t6","t7","t8","t9"],"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,MAAMS,uBAAuBT,MAAMK,QAAO;CACxCK,OAAO;CACPC,QAAQ;CACRC,QAAQ;EACNC,SAAS;EACTC,YAAY;EACZC,KAAK;EAELC,SAAS;GACP,IAAI;GACJC,aAAa;GACf;EACF;CACD,CAAC;AAEF,MAAMC,sBAAsBlB,MAAMI,QAAQ;CACxC,qBAAqB;CACrBe,MAAM;CACNC,MAAM;CACP,CAAC;AAoBF,SAAOW,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAP,UAAAC,OAAAC,iBAAAC,oBAA4DE;CAIb,MAAAG,KAAA,CAAC,CAACR,UAAQS;CAAQ,IAAAC;AAAA,KAAAJ,EAAA,OAAAE,IAAA;AAAjCE,OAAA,EAAApB,aAAekB,IAAoB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAN,YAAAM,EAAA,OAAAL,OAAA;AAC5DU,OAAAX,UAAQS,SACLT,SAAQY,IAAKC,MASR,GAVRZ;AAUQK,IAAA,KAAAN;AAAAM,IAAA,KAAAL;AAAAK,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAI,MAAAJ,EAAA,OAAAK,IAAA;AAXXG,OAAA,oBAAC;GAA2B,MAAAJ;aACzBC;IAWoB;AAAAL,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAU,OAAAC,IAAA,4BAAA,EAAA;AAMbF,OAAA,oBAAC,aAAW;AAAAT,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAJ,iBAAA;AAJpBgB,OAAA,oBAAC;GACC,qBAAA;GACK,MAAA;GAAQ,GACThB;GACE,MAAAa;IACN;AAAAT,IAAA,KAAAJ;AAAAI,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,QAAAU,OAAAC,IAAA,4BAAA,EAAA;AAKME,OAAA,oBAAC,cAAY;AAAAb,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAH,iBAAA;AAJrBiB,OAAA,oBAAC;GACC,qBAAA;GACK,MAAA;GAAQ,GACTjB;GACE,MAAAgB;IACN;AAAAb,IAAA,MAAAH;AAAAG,IAAA,MAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAY,MAAAZ,EAAA,QAAAc,IAAA;AAZJC,OAAA,qBAAC;GAAU,KAAA;cACTH,IAMAE;IAMM;AAAAd,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAQ,MAAAR,EAAA,QAAAe,IAAA;AA3BVC,OAAA,qBAAC,oCACCR,IAaAO,MAcsB;AAAAf,IAAA,MAAAQ;AAAAR,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AAAA,QA5BxBgB;;AAJG,SAAAT,MAAAL,IAAA;CAOmB,MAAA,EAAAb,KAAAC,OAAAC,SAAAC,eAAAU;AAAmC,QAC/C,oBAAC;EAEaV;EACHD;YAERD;IAJID,IAKe"}
+{"version":3,"file":"CalendarHeader.js","names":["tasty","ReactNode","LeftIcon","RightIcon","Button","Title","Space","CalendarHeaderElement","Props","CalendarTitleElement","level","preset","styles","display","placeItems","gap","padding","interactive","CalendarTitleButton","type","size","CubeCalendarHeaderSegment","key","label","onPress","isDisabled","CubeCalendarHeaderProps","segments","title","prevButtonProps","nextButtonProps","CalendarHeader","props","$","_c","t0","length","t1","t2","map","_temp","t3","t4","Symbol","for","t5","t6","t7","t8","t9"],"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  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                data-popover-keep\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,MAAMS,uBAAuBT,MAAMK,QAAO;CACxCK,OAAO;CACPC,QAAQ;CACRC,QAAQ;EACNC,SAAS;EACTC,YAAY;EACZC,KAAK;EAELC,SAAS;GACP,IAAI;GACJC,aAAa;GACf;EACF;CACD,CAAC;AAEF,MAAMC,sBAAsBlB,MAAMI,QAAQ;CACxCe,MAAM;CACNC,MAAM;CACP,CAAC;AAoBF,SAAOW,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAP,UAAAC,OAAAC,iBAAAC,oBAA4DE;CAIb,MAAAG,KAAA,CAAC,CAACR,UAAQS;CAAQ,IAAAC;AAAA,KAAAJ,EAAA,OAAAE,IAAA;AAAjCE,OAAA,EAAApB,aAAekB,IAAoB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAN,YAAAM,EAAA,OAAAL,OAAA;AAC5DU,OAAAX,UAAQS,SACLT,SAAQY,IAAKC,MAUR,GAXRZ;AAWQK,IAAA,KAAAN;AAAAM,IAAA,KAAAL;AAAAK,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAI,MAAAJ,EAAA,OAAAK,IAAA;AAZXG,OAAA,oBAAC;GAA2B,MAAAJ;aACzBC;IAYoB;AAAAL,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAU,OAAAC,IAAA,4BAAA,EAAA;AAMbF,OAAA,oBAAC,aAAW;AAAAT,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,OAAAJ,iBAAA;AAJpBgB,OAAA,oBAAC;GACC,qBAAA;GACK,MAAA;GAAQ,GACThB;GACE,MAAAa;IACN;AAAAT,IAAA,KAAAJ;AAAAI,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,QAAAU,OAAAC,IAAA,4BAAA,EAAA;AAKME,OAAA,oBAAC,cAAY;AAAAb,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAH,iBAAA;AAJrBiB,OAAA,oBAAC;GACC,qBAAA;GACK,MAAA;GAAQ,GACTjB;GACE,MAAAgB;IACN;AAAAb,IAAA,MAAAH;AAAAG,IAAA,MAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,QAAAY,MAAAZ,EAAA,QAAAc,IAAA;AAZJC,OAAA,qBAAC;GAAU,KAAA;cACTH,IAMAE;IAMM;AAAAd,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAQ,MAAAR,EAAA,QAAAe,IAAA;AA5BVC,OAAA,qBAAC,oCACCR,IAcAO,MAcsB;AAAAf,IAAA,MAAAQ;AAAAR,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AAAA,QA7BxBgB;;AAJG,SAAAT,MAAAL,IAAA;CAOmB,MAAA,EAAAb,KAAAC,OAAAC,SAAAC,eAAAU;AAAmC,QAC/C,oBAAC;EACC,qBAAA;EAEYV;EACHD;YAERD;IAJID,IAKe"}

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react-compiler-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","names":["createCalendar","createDOMRef","FocusableRef","forwardRef","useImperativeHandle","useRef","AriaRangeCalendarProps","DateValue","useLocale","useRangeCalendar","useRangeCalendarState","useProviderProps","CalendarPanel","CalendarCoreProps","RangeCalendarValueProps","CubeRangeCalendarProps","T","RangeCalendar","props","ref","$","_c","locale","t0","state","domRef","t1","focus","setFocused","calendarProps","prevButtonProps","nextButtonProps","title","t2","hasMonthYearNavigation","_RangeCalendar","displayName"],"sources":["../../../../src/components/other/Calendar/RangeCalendar.tsx"],"sourcesContent":["import { createCalendar } from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaRangeCalendarProps,\n  DateValue,\n  useLocale,\n  useRangeCalendar,\n} from 'react-aria';\nimport { useRangeCalendarState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\n\nimport { CalendarPanel } from './CalendarPanel';\nimport { CalendarCoreProps, RangeCalendarValueProps } from './types';\n\nexport interface CubeRangeCalendarProps<T extends DateValue = DateValue>\n  extends AriaRangeCalendarProps<T>,\n    CalendarCoreProps,\n    RangeCalendarValueProps {}\n\nfunction RangeCalendar<T extends DateValue>(\n  props: CubeRangeCalendarProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarPanel\n      elementRef={domRef}\n      state={state}\n      title={title}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      hasMonthYearNavigation={props.hasMonthYearNavigation}\n    />\n  );\n}\n\nconst _RangeCalendar = forwardRef(RangeCalendar);\n\n_RangeCalendar.displayName = 'RangeCalendar';\n\nexport { _RangeCalendar as RangeCalendar };\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAAiB,cAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AAIEH,SAAQP,iBAAiBO,MAAM;CAE/B,MAAA,EAAAI,WAAiBd,WAAW;CAAC,IAAAe;AAAA,KAAAH,EAAA,OAAAE,UAAAF,EAAA,OAAAF,OAAA;AACKK,OAAA;GAAA,GAC7BL;GAAKI;GAAAtB;GAGT;AAAAoB,IAAA,KAAAE;AAAAF,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAJD,MAAAI,QAAYd,sBAAsBa,GAIhC;CAEF,MAAAE,SAAapB,OAAO,KAAK;CAAC,IAAAqB;AAAA,KAAAN,EAAA,OAAAI,OAAA;AACDE,cAAO;GAAA,GAC3BzB,aAAawB,OAAO;GAAAE,QAAA;AAErBH,UAAKI,WAAY,KAAK;;GAEzB;AAACR,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AALFhB,qBAAoBe,KAAKO,GAKtB;CAEH,MAAA,EAAAG,eAAAC,iBAAAC,iBAAAC,UACEvB,iBAAiBS,OAAOM,OAAOC,OAAO;CAAC,IAAAQ;AAAA,KAAAb,EAAA,OAAAS,iBAAAT,EAAA,OAAAW,mBAAAX,EAAA,OAAAU,mBAAAV,EAAA,OAAAF,MAAAgB,0BAAAd,EAAA,OAAAI,SAAAJ,EAAA,QAAAY,OAAA;AAGvCC,OAAA,oBAAC;GACaR,YAAAA;GACLD;GACAQ;GACQH;GACEC;GACAC;GACO,wBAAAb,MAAKgB;IAC7B;AAAAd,IAAA,KAAAS;AAAAT,IAAA,KAAAW;AAAAX,IAAA,KAAAU;AAAAV,IAAA,KAAAF,MAAAgB;AAAAd,IAAA,KAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;OAAAA,MAAAb,EAAA;AAAA,QARFa;;AAYJ,MAAME,iBAAiBhC,WAAWc,cAAc;AAEhDkB,eAAeC,cAAc"}
+{"version":3,"file":"RangeCalendar.js","names":["createCalendar","createDOMRef","FocusableRef","forwardRef","useImperativeHandle","useRef","AriaRangeCalendarProps","DateValue","useLocale","useRangeCalendar","useRangeCalendarState","useProviderProps","CalendarPanel","CalendarCoreProps","RangeCalendarValueProps","CubeRangeCalendarProps","Omit","T","RangeCalendar","props","ref","$","_c","locale","t0","state","domRef","t1","focus","setFocused","calendarProps","prevButtonProps","nextButtonProps","title","t2","hasMonthYearNavigation","_RangeCalendar","displayName"],"sources":["../../../../src/components/other/Calendar/RangeCalendar.tsx"],"sourcesContent":["import { createCalendar } from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n  AriaRangeCalendarProps,\n  DateValue,\n  useLocale,\n  useRangeCalendar,\n} from 'react-aria';\nimport { useRangeCalendarState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\n\nimport { CalendarPanel } from './CalendarPanel';\nimport { CalendarCoreProps, RangeCalendarValueProps } from './types';\n\nexport interface CubeRangeCalendarProps<T extends DateValue = DateValue>\n  extends Omit<\n      AriaRangeCalendarProps<T>,\n      keyof CalendarCoreProps | keyof RangeCalendarValueProps\n    >,\n    CalendarCoreProps,\n    RangeCalendarValueProps {}\n\nfunction RangeCalendar<T extends DateValue>(\n  props: CubeRangeCalendarProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  props = useProviderProps(props);\n\n  let { locale } = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  });\n\n  let domRef = useRef(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      state.setFocused(true);\n    },\n  }));\n\n  let { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useRangeCalendar(props, state, domRef);\n\n  return (\n    <CalendarPanel\n      elementRef={domRef}\n      state={state}\n      title={title}\n      calendarProps={calendarProps}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      hasMonthYearNavigation={props.hasMonthYearNavigation}\n    />\n  );\n}\n\nconst _RangeCalendar = forwardRef(RangeCalendar);\n\n_RangeCalendar.displayName = 'RangeCalendar';\n\nexport { _RangeCalendar as RangeCalendar };\n"],"mappings":";;;;;;;;;;;;AAyBA,SAAAkB,cAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;AAIEH,SAAQR,iBAAiBQ,MAAM;CAE/B,MAAA,EAAAI,WAAiBf,WAAW;CAAC,IAAAgB;AAAA,KAAAH,EAAA,OAAAE,UAAAF,EAAA,OAAAF,OAAA;AACKK,OAAA;GAAA,GAC7BL;GAAKI;GAAAvB;GAGT;AAAAqB,IAAA,KAAAE;AAAAF,IAAA,KAAAF;AAAAE,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAJD,MAAAI,QAAYf,sBAAsBc,GAIhC;CAEF,MAAAE,SAAarB,OAAO,KAAK;CAAC,IAAAsB;AAAA,KAAAN,EAAA,OAAAI,OAAA;AACDE,cAAO;GAAA,GAC3B1B,aAAayB,OAAO;GAAAE,QAAA;AAErBH,UAAKI,WAAY,KAAK;;GAEzB;AAACR,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AALFjB,qBAAoBgB,KAAKO,GAKtB;CAEH,MAAA,EAAAG,eAAAC,iBAAAC,iBAAAC,UACExB,iBAAiBU,OAAOM,OAAOC,OAAO;CAAC,IAAAQ;AAAA,KAAAb,EAAA,OAAAS,iBAAAT,EAAA,OAAAW,mBAAAX,EAAA,OAAAU,mBAAAV,EAAA,OAAAF,MAAAgB,0BAAAd,EAAA,OAAAI,SAAAJ,EAAA,QAAAY,OAAA;AAGvCC,OAAA,oBAAC;GACaR,YAAAA;GACLD;GACAQ;GACQH;GACEC;GACAC;GACO,wBAAAb,MAAKgB;IAC7B;AAAAd,IAAA,KAAAS;AAAAT,IAAA,KAAAW;AAAAX,IAAA,KAAAU;AAAAV,IAAA,KAAAF,MAAAgB;AAAAd,IAAA,KAAAI;AAAAJ,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;OAAAA,MAAAb,EAAA;AAAA,QARFa;;AAYJ,MAAME,iBAAiBjC,WAAWe,cAAc;AAEhDkB,eAAeC,cAAc"}

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | 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.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react-compiler-runtime";
 import { createContext, useContext, useRef, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | 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.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | 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.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { c } from "react-compiler-runtime";

package/dist/components/overlays/Dialog/DialogForm.d.ts

@@ -12,7 +12,7 @@ interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends Omit<Cu
   /** Whether the submit button has a `danger` theme */
   danger?: boolean;
   /** Properties for submit button. Use `children` to change text. */
-  submitProps?: CubeButtonProps;
+  submitProps?: Omit<CubeButtonProps, 'form'>;
   /** Properties for cancel button. Use `children` to change text. */
   cancelProps?: CubeButtonProps;
   /** Preserve form values after submission or dismissal. */

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogForm.js","names":["useI18n","Button","ButtonGroup","Content","Footer","Header","Title","isModernFormController","Form","SubmitButton","useForm","useDialogContext","withDefaultButtonText","CubeDialogProps","Dialog","ModernDialogForm","ReactElement","CubeButtonProps","CubeFormProps","ModernFormProps","CubeSubmitButtonProps","FieldTypes","CubeDialogFormProps","Omit","T","danger","submitProps","cancelProps","preserve","noActions","title","children","onLocalDismiss","CubeDialogFormRef","open","close","ModernDialogFormProps","DialogForm","props","$","_c","t0","form","LegacyDialogForm","qa","name","defaultValues","onDismiss","onSubmit","onSubmitFailed","onValuesChange","labelStyles","labelPosition","requiredMark","necessityIndicator","isReadOnly","isInvalid","isValid","validateTrigger","size","closeIcon","dialogProps","t","onClose","setTimeout","resetFields","data","undefined"],"sources":["../../../../src/components/overlays/Dialog/DialogForm.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { isModernFormController } from '../../form/Form/backend';\nimport { Form } from '../../form/Form/Form';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useForm } from '../../form/Form/use-form';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { CubeDialogProps, Dialog } from './Dialog';\nimport { ModernDialogForm } from './ModernDialogForm';\n\nimport type { ReactElement } from 'react';\nimport type { CubeButtonProps } from '../../actions/Button/Button';\nimport type { CubeFormProps } from '../../form/Form/Form';\nimport type { ModernFormProps } from '../../form/Form/ModernFormRoot';\nimport type { CubeSubmitButtonProps } from '../../form/Form/SubmitButton/SubmitButton';\nimport type { FieldTypes } from '../../form/Form/types';\n\nexport interface CubeDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeDialogProps, 'children'>,\n    Omit<CubeFormProps<T>, 'role' | 'children'> {\n  /** Whether the submit button has a `danger` theme */\n  danger?: boolean;\n  /** Properties for submit button. Use `children` to change text. */\n  submitProps?: CubeButtonProps;\n  /** Properties for cancel button. Use `children` to change text. */\n  cancelProps?: CubeButtonProps;\n  /** Preserve form values after submission or dismissal. */\n  preserve?: boolean;\n  /** Whether to hide action button so developer can manually specify them */\n  noActions?: boolean;\n  /** The title of the dialog */\n  title?: string;\n  /** Children nodes or render function  */\n  children?:\n    | CubeFormProps['children']\n    | ((onLocalDismiss: () => void) => CubeFormProps['children']);\n}\n\nexport interface CubeDialogFormRef {\n  open: () => void;\n  close: () => void;\n}\n\n/**\n * DialogForms are a specific type of Dialog. They contain forms to fill.\n */\nexport interface ModernDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeDialogFormProps<T>, keyof CubeFormProps<T> | 'submitProps'>,\n    Omit<ModernFormProps<T>, 'role' | 'children'> {\n  children?: CubeDialogFormProps<T>['children'];\n  submitProps?: Omit<CubeSubmitButtonProps<T>, 'form'>;\n}\n\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: ModernDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T> | ModernDialogFormProps<T>,\n): ReactElement {\n  return isModernFormController(props.form) ? (\n    <ModernDialogForm {...(props as ModernDialogFormProps<T>)} />\n  ) : (\n    <LegacyDialogForm {...(props as CubeDialogFormProps<T>)} />\n  );\n}\n\nfunction LegacyDialogForm<T extends FieldTypes>(props: CubeDialogFormProps<T>) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  let {\n    qa,\n    name,\n    form,\n    defaultValues,\n    onDismiss,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    labelStyles,\n    labelPosition,\n    requiredMark,\n    necessityIndicator,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validateTrigger,\n    children,\n    danger,\n    noActions,\n    submitProps,\n    cancelProps,\n    preserve,\n    title,\n    size,\n    closeIcon,\n    ...dialogProps\n  } = props;\n\n  [form] = useForm(form);\n\n  const { t } = useI18n();\n  const { onClose } = useDialogContext();\n\n  function onLocalDismiss() {\n    onClose?.();\n    onDismiss?.();\n\n    if (!preserve) {\n      // let animations finish before resetting the form\n      setTimeout(() => {\n        form?.resetFields();\n      }, 250);\n    }\n  }\n\n  return (\n    <Dialog\n      qa={`${qa || ''}Dialog`}\n      size={size}\n      closeIcon={closeIcon}\n      {...dialogProps}\n    >\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n      */}\n      <Form<T>\n        qa={qa || 'DialogForm'}\n        form={form}\n        name={name}\n        defaultValues={defaultValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validateTrigger={validateTrigger}\n        onSubmit={async (data) => {\n          await onSubmit?.(data);\n\n          onClose?.();\n\n          if (!preserve) {\n            // let animations finish before resetting the form\n            setTimeout(() => {\n              form.resetFields();\n            }, 250);\n          }\n        }}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n      >\n        <Content>\n          {typeof children === 'function' ? children(onLocalDismiss) : children}\n        </Content>\n\n        {!noActions ? (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={onLocalDismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        ) : undefined}\n      </Form>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkEA,SAAOqC,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AAGEG,OAAAlC,uBAAuB+B,MAAKI,KAIlC,GAHC,oBAAC,oBAAgB,GAAMJ,QAGxB,GADC,oBAAC,oBAAgB,GAAMA,QACxB;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAJME;;AAOT,SAASE,iBAAuCL,OAA+B;AAC7E;CAGA,IAAI,EACFM,IACAC,MACAH,MACAI,eACAC,WACAC,UACAC,gBACAC,gBACAC,aACAC,eACAC,cACAC,oBACAC,YACAC,WACAC,SACAC,iBACA3B,UACAN,QACAI,WACAH,aACAC,aACAC,UACAE,OACA6B,MACAC,WACA,GAAGC,gBACDvB;AAEJ,EAACI,QAAQhC,QAAQgC,KAAK;CAEtB,MAAM,EAAEoB,MAAM9D,SAAS;CACvB,MAAM,EAAE+D,YAAYpD,kBAAkB;CAEtC,SAASqB,iBAAiB;AACxB+B,aAAW;AACXhB,eAAa;AAEb,MAAI,CAACnB,SAEHoC,kBAAiB;AACftB,SAAMuB,aAAa;KAClB,IAAI;;AAIX,QACE,qBAAC;EACC,IAAI,GAAGrB,MAAM,GAAE;EACTe;EACKC;EACX,GAAIC;aAEJ,oBAAC,oBACC,oBAAC;GAAM;aAAU/B;IAAa,GACxB,EAQR,qBAAC;GACC,IAAIc,MAAM;GACJF;GACAG;GACSC;GACFK;GACEC;GACDC;GACMC;GACRC;GACDC;GACFC;GACQC;GACjB,UAAU,OAAOQ,SAAS;AACxB,UAAMlB,WAAWkB,KAAK;AAEtBH,eAAW;AAEX,QAAI,CAACnC,SAEHoC,kBAAiB;AACftB,UAAKuB,aAAa;OACjB,IAAI;;GAGKhB;GACAC;cAEhB,oBAAC,qBACE,OAAOnB,aAAa,aAAaA,SAASC,eAAe,GAAGD,WACtD,EAER,CAACF,YACA,oBAAC,oBACC,qBAAC,0BACC,oBAAC;IACC,IAAI,GAAGe,MAAM,GAAE;IACf,OAAOnB,SAAS,WAAW0C;IAC3B,GAAIvD,sBACFc,aACAoC,EAAE,qBAAqB,SACzB,CAAC;KAAC,EAEJ,oBAAC;IACC,IAAI,GAAGlB,MAAM,GAAE;IACf,SAASZ;IACT,GAAIpB,sBACFe,aACAmC,EAAE,qBAAqB,SACzB,CAAC;KAAC,IAEO,GACN,GACPK;IACA;GACC"}
+{"version":3,"file":"DialogForm.js","names":["useI18n","Button","ButtonGroup","Content","Footer","Header","Title","isModernFormController","Form","SubmitButton","useForm","useDialogContext","withDefaultButtonText","CubeDialogProps","Dialog","ModernDialogForm","ReactElement","CubeButtonProps","CubeFormProps","ModernFormProps","CubeSubmitButtonProps","FieldTypes","CubeDialogFormProps","Omit","T","danger","submitProps","cancelProps","preserve","noActions","title","children","onLocalDismiss","CubeDialogFormRef","open","close","ModernDialogFormProps","DialogForm","props","$","_c","t0","form","LegacyDialogForm","qa","name","defaultValues","onDismiss","onSubmit","onSubmitFailed","onValuesChange","labelStyles","labelPosition","requiredMark","necessityIndicator","isReadOnly","isInvalid","isValid","validateTrigger","size","closeIcon","dialogProps","t","onClose","setTimeout","resetFields","data","undefined"],"sources":["../../../../src/components/overlays/Dialog/DialogForm.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Title } from '../../content/Title';\nimport { isModernFormController } from '../../form/Form/backend';\nimport { Form } from '../../form/Form/Form';\nimport { SubmitButton } from '../../form/Form/SubmitButton/SubmitButton';\nimport { useForm } from '../../form/Form/use-form';\n\nimport { useDialogContext } from './context';\nimport { withDefaultButtonText } from './default-button-text';\nimport { CubeDialogProps, Dialog } from './Dialog';\nimport { ModernDialogForm } from './ModernDialogForm';\n\nimport type { ReactElement } from 'react';\nimport type { CubeButtonProps } from '../../actions/Button/Button';\nimport type { CubeFormProps } from '../../form/Form/Form';\nimport type { ModernFormProps } from '../../form/Form/ModernFormRoot';\nimport type { CubeSubmitButtonProps } from '../../form/Form/SubmitButton/SubmitButton';\nimport type { FieldTypes } from '../../form/Form/types';\n\nexport interface CubeDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeDialogProps, 'children'>,\n    Omit<CubeFormProps<T>, 'role' | 'children'> {\n  /** Whether the submit button has a `danger` theme */\n  danger?: boolean;\n  /** Properties for submit button. Use `children` to change text. */\n  submitProps?: Omit<CubeButtonProps, 'form'>;\n  /** Properties for cancel button. Use `children` to change text. */\n  cancelProps?: CubeButtonProps;\n  /** Preserve form values after submission or dismissal. */\n  preserve?: boolean;\n  /** Whether to hide action button so developer can manually specify them */\n  noActions?: boolean;\n  /** The title of the dialog */\n  title?: string;\n  /** Children nodes or render function  */\n  children?:\n    | CubeFormProps['children']\n    | ((onLocalDismiss: () => void) => CubeFormProps['children']);\n}\n\nexport interface CubeDialogFormRef {\n  open: () => void;\n  close: () => void;\n}\n\n/**\n * DialogForms are a specific type of Dialog. They contain forms to fill.\n */\nexport interface ModernDialogFormProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeDialogFormProps<T>, keyof CubeFormProps<T> | 'submitProps'>,\n    Omit<ModernFormProps<T>, 'role' | 'children'> {\n  children?: CubeDialogFormProps<T>['children'];\n  submitProps?: Omit<CubeSubmitButtonProps<T>, 'form'>;\n}\n\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: ModernDialogFormProps<T>,\n): ReactElement;\nexport function DialogForm<T extends FieldTypes = FieldTypes>(\n  props: CubeDialogFormProps<T> | ModernDialogFormProps<T>,\n): ReactElement {\n  return isModernFormController(props.form) ? (\n    <ModernDialogForm {...(props as ModernDialogFormProps<T>)} />\n  ) : (\n    <LegacyDialogForm {...(props as CubeDialogFormProps<T>)} />\n  );\n}\n\nfunction LegacyDialogForm<T extends FieldTypes>(props: CubeDialogFormProps<T>) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  let {\n    qa,\n    name,\n    form,\n    defaultValues,\n    onDismiss,\n    onSubmit,\n    onSubmitFailed,\n    onValuesChange,\n    labelStyles,\n    labelPosition,\n    requiredMark,\n    necessityIndicator,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    validateTrigger,\n    children,\n    danger,\n    noActions,\n    submitProps,\n    cancelProps,\n    preserve,\n    title,\n    size,\n    closeIcon,\n    ...dialogProps\n  } = props;\n\n  [form] = useForm(form);\n\n  const { t } = useI18n();\n  const { onClose } = useDialogContext();\n\n  function onLocalDismiss() {\n    onClose?.();\n    onDismiss?.();\n\n    if (!preserve) {\n      // let animations finish before resetting the form\n      setTimeout(() => {\n        form?.resetFields();\n      }, 250);\n    }\n  }\n\n  return (\n    <Dialog\n      qa={`${qa || ''}Dialog`}\n      size={size}\n      closeIcon={closeIcon}\n      {...dialogProps}\n    >\n      <Header>\n        <Title ellipsis>{title}</Title>\n      </Header>\n      {/*\n        The form wraps BOTH slots rather than sitting inside `Content`, so the\n        actions can live in a pinned `Footer` while the body scrolls. They still\n        have to be inside the `<form>` for submit to work, which is why the form\n        is the outer one of the two (CUB-4920). A form placed directly in a\n        `Dialog` lays itself out as the dialog's column (see `FormElement`).\n      */}\n      <Form<T>\n        qa={qa || 'DialogForm'}\n        form={form}\n        name={name}\n        defaultValues={defaultValues}\n        labelStyles={labelStyles}\n        labelPosition={labelPosition}\n        requiredMark={requiredMark}\n        necessityIndicator={necessityIndicator}\n        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        validateTrigger={validateTrigger}\n        onSubmit={async (data) => {\n          await onSubmit?.(data);\n\n          onClose?.();\n\n          if (!preserve) {\n            // let animations finish before resetting the form\n            setTimeout(() => {\n              form.resetFields();\n            }, 250);\n          }\n        }}\n        onSubmitFailed={onSubmitFailed}\n        onValuesChange={onValuesChange}\n      >\n        <Content>\n          {typeof children === 'function' ? children(onLocalDismiss) : children}\n        </Content>\n\n        {!noActions ? (\n          <Footer>\n            <ButtonGroup>\n              <SubmitButton\n                qa={`${qa || ''}SubmitButton`}\n                theme={danger ? 'danger' : undefined}\n                {...withDefaultButtonText(\n                  submitProps,\n                  t('dialogForm.submit', 'Submit'),\n                )}\n              />\n              <Button\n                qa={`${qa || ''}CancelButton`}\n                onPress={onLocalDismiss}\n                {...withDefaultButtonText(\n                  cancelProps,\n                  t('dialogForm.cancel', 'Cancel'),\n                )}\n              />\n            </ButtonGroup>\n          </Footer>\n        ) : undefined}\n      </Form>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkEA,SAAOqC,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AAGEG,OAAAlC,uBAAuB+B,MAAKI,KAIlC,GAHC,oBAAC,oBAAgB,GAAMJ,QAGxB,GADC,oBAAC,oBAAgB,GAAMA,QACxB;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAJME;;AAOT,SAASE,iBAAuCL,OAA+B;AAC7E;CAGA,IAAI,EACFM,IACAC,MACAH,MACAI,eACAC,WACAC,UACAC,gBACAC,gBACAC,aACAC,eACAC,cACAC,oBACAC,YACAC,WACAC,SACAC,iBACA3B,UACAN,QACAI,WACAH,aACAC,aACAC,UACAE,OACA6B,MACAC,WACA,GAAGC,gBACDvB;AAEJ,EAACI,QAAQhC,QAAQgC,KAAK;CAEtB,MAAM,EAAEoB,MAAM9D,SAAS;CACvB,MAAM,EAAE+D,YAAYpD,kBAAkB;CAEtC,SAASqB,iBAAiB;AACxB+B,aAAW;AACXhB,eAAa;AAEb,MAAI,CAACnB,SAEHoC,kBAAiB;AACftB,SAAMuB,aAAa;KAClB,IAAI;;AAIX,QACE,qBAAC;EACC,IAAI,GAAGrB,MAAM,GAAE;EACTe;EACKC;EACX,GAAIC;aAEJ,oBAAC,oBACC,oBAAC;GAAM;aAAU/B;IAAa,GACxB,EAQR,qBAAC;GACC,IAAIc,MAAM;GACJF;GACAG;GACSC;GACFK;GACEC;GACDC;GACMC;GACRC;GACDC;GACFC;GACQC;GACjB,UAAU,OAAOQ,SAAS;AACxB,UAAMlB,WAAWkB,KAAK;AAEtBH,eAAW;AAEX,QAAI,CAACnC,SAEHoC,kBAAiB;AACftB,UAAKuB,aAAa;OACjB,IAAI;;GAGKhB;GACAC;cAEhB,oBAAC,qBACE,OAAOnB,aAAa,aAAaA,SAASC,eAAe,GAAGD,WACtD,EAER,CAACF,YACA,oBAAC,oBACC,qBAAC,0BACC,oBAAC;IACC,IAAI,GAAGe,MAAM,GAAE;IACf,OAAOnB,SAAS,WAAW0C;IAC3B,GAAIvD,sBACFc,aACAoC,EAAE,qBAAqB,SACzB,CAAC;KAAC,EAEJ,oBAAC;IACC,IAAI,GAAGlB,MAAM,GAAE;IACf,SAASZ;IACT,GAAIpB,sBACFe,aACAmC,EAAE,qBAAqB,SACzB,CAAC;KAAC,IAEO,GACN,GACPK;IACA;GACC"}

package/dist/components/overlays/Dialog/DialogTrigger.d.ts

@@ -9,7 +9,7 @@ import { OverlayTriggerState } from "react-stately";
 
 //#region src/components/overlays/Dialog/DialogTrigger.d.ts
 type CubeDialogClose = (close: () => void) => ReactElement;
-interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionProps, WithCloseBehavior {
+interface CubeDialogTriggerProps extends Omit<OverlayTriggerProps, 'type'>, PositionProps, WithCloseBehavior {
   /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */
   children: [ReactElement | ((state: OverlayTriggerState) => ReactElement), CubeDialogClose | ReactElement];
   /**

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | 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";
@@ -285,46 +285,47 @@ function PopoverTrigger(allProps) {
 		$[39] = t7;
 	} else t7 = $[39];
 	const resolveShouldCloseOnInteractOutside = useEvent(t7);
-	let t8;
+	const t8 = placement ?? void 0;
+	let t9;
 	if ($[40] !== content || $[41] !== state.close) {
-		t8 = typeof content === "function" ? content(state.close) : content;
+		t9 = typeof content === "function" ? content(state.close) : content;
 		$[40] = content;
 		$[41] = state.close;
-		$[42] = t8;
-	} else t8 = $[42];
-	let t9;
-	if ($[43] !== arrowProps || $[44] !== hideArrow || $[45] !== hideOnClose || $[46] !== isKeyboardDismissDisabled || $[47] !== onClose || $[48] !== placement || $[49] !== popoverProps.style || $[50] !== resolveShouldCloseOnInteractOutside || $[51] !== state.isOpen || $[52] !== styles || $[53] !== t8) {
-		t9 = /* @__PURE__ */ jsx(_Popover, {
+		$[42] = t9;
+	} else t9 = $[42];
+	let t10;
+	if ($[43] !== arrowProps || $[44] !== hideArrow || $[45] !== hideOnClose || $[46] !== isKeyboardDismissDisabled || $[47] !== onClose || $[48] !== popoverProps.style || $[49] !== resolveShouldCloseOnInteractOutside || $[50] !== state.isOpen || $[51] !== styles || $[52] !== t8 || $[53] !== t9) {
+		t10 = /* @__PURE__ */ jsx(_Popover, {
 			ref: overlayRef,
 			styles,
 			hideOnClose,
 			isOpen: state.isOpen,
 			style: popoverProps.style,
-			placement,
+			placement: t8,
 			arrowProps,
 			isKeyboardDismissDisabled,
 			hideArrow,
 			shouldCloseOnInteractOutside: resolveShouldCloseOnInteractOutside,
 			onClose,
-			children: t8
+			children: t9
 		});
 		$[43] = arrowProps;
 		$[44] = hideArrow;
 		$[45] = hideOnClose;
 		$[46] = isKeyboardDismissDisabled;
 		$[47] = onClose;
-		$[48] = placement;
-		$[49] = popoverProps.style;
-		$[50] = resolveShouldCloseOnInteractOutside;
-		$[51] = state.isOpen;
-		$[52] = styles;
-		$[53] = t8;
-		$[54] = t9;
-	} else t9 = $[54];
-	const overlay = t9;
-	let t10;
+		$[48] = popoverProps.style;
+		$[49] = resolveShouldCloseOnInteractOutside;
+		$[50] = state.isOpen;
+		$[51] = styles;
+		$[52] = t8;
+		$[53] = t9;
+		$[54] = t10;
+	} else t10 = $[54];
+	const overlay = t10;
+	let t11;
 	if ($[55] !== onClose || $[56] !== overlay || $[57] !== overlayProps || $[58] !== shouldRestoreFocus || $[59] !== state || $[60] !== trigger || $[61] !== triggerPropsWithRef) {
-		t10 = /* @__PURE__ */ jsx(DialogTriggerBase, {
+		t11 = /* @__PURE__ */ jsx(DialogTriggerBase, {
 			type: "popover",
 			state,
 			triggerProps: triggerPropsWithRef,
@@ -342,9 +343,9 @@ function PopoverTrigger(allProps) {
 		$[59] = state;
 		$[60] = trigger;
 		$[61] = triggerPropsWithRef;
-		$[62] = t10;
-	} else t10 = $[62];
-	return t10;
+		$[62] = t11;
+	} else t11 = $[62];
+	return t11;
 }
 function DialogTriggerBase(props) {
 	const ref = useCombinedRefs(props.ref);