@cube-dev/ui-kit 0.181.0 → 0.183.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarGrid.js","names":["today","getToday"],"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 { useMemo, 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 = useMemo(\n    () =>\n      toCalendar(getToday(state.timeZone), state.visibleRange.start.calendar),\n    [state.timeZone, 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":";;;;;;;;;;AAcA,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,QAAQ;EACN,gBAAgB;EAChB,eAAe;EAEf,SAAS,EACP,OAAO,YACR;EAED,YAAY;GACV,QAAQ;GACR,OAAO;GACP,WAAW;GACX,SAAS;GACV;EACF;CACF,CAAC;AAaF,SAAgB,aAAa,OAA8B;CACzD,IAAI,EAAE,OAAO,eAAe,aAAa,UAAU;CACnD,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,EAAE,WAAW,aAAa,aAAa,gBAAgB,OAAO,MAAM;CAGxE,IAAI,eAAe,gBAAgB,MAAM,aAAa,OAAO,OAAO;CACpE,IAAI,kBAAkB,eAAe;CAErC,IAAIA,UAAQ,cAER,WAAWC,MAAS,MAAM,SAAS,EAAE,MAAM,aAAa,MAAM,SAAS,EACzE,CAAC,MAAM,UAAU,MAAM,aAAa,MAAM,SAAS,CACpD;CAGD,IAAI,CAAC,aAAa,kBAAkB,SAAwB,KAAK;AAEjE,QACE,qBAAC;EAAa,GAAI;aAChB,oBAAC;GAAM,gBAAa;GAAO,GAAI;aAC7B,qBAAC;IAAG,gBAAa;eACd,mBAAmB,oBAAC,QAAG,eAAY,SAAS,EAC5C,SAAS,KAAK,KAAK,UAClB,oBAAC,kBAAgB,OAAR,MAAiB,CAC1B;KACC;IACC,EACR,oBAAC;GAAM,gBAAa;aACjB,CAAC,GAAG,IAAI,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,cAAc;IACtD,IAAI,cAAc,MAAM,eAAe,UAAU;IACjD,IAAI,YAAY,YAAY,KAAK,QAAQ;IACzC,IAAI,eAAe,mBAAmB,gBAAgB;AAEtD,WACE,qBAAC;KAEC,gBAAa;KACb,cACE,wBAAwB,eAAe,UAAU,GAAG;KAEtD,cACE,wBAAwB,eAAe,KAAK,GAAG;gBAGhD,mBACC,oBAAC;MAAG,gBAAa;MAAa,eAAY;gBACvC,YAAY,cAAc,WAAW,OAAO,GAAG;OAC7C,EAEN,YAAY,KAAK,MAAM,MACtB,OACE,oBAAC;MAEQ;MACD;MACN,OAAOD;MACQ;MACf,YAAY;QALP,EAML,GAEF,oBAAC,UAAQ,EAAK,CAEjB;OA3BI,UA4BF;KAEP;IACI;GACK"}
+{"version":3,"file":"CalendarGrid.js","names":["today","getToday","getWeeksInMonth","toCalendar","tasty","useMemo","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 { useMemo, 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 = useMemo(\n    () =>\n      toCalendar(getToday(state.timeZone), state.visibleRange.start.calendar),\n    [state.timeZone, 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,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
 import { Button } from "../../actions/index.js";
 import { LeftIcon } from "../../../icons/LeftIcon.js";
 import { CalendarHeaderElement } from "./styled.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -33,28 +34,90 @@ const CalendarTitleButton = tasty(Button, {
 	size: "xsmall"
 });
 function CalendarHeader(props) {
-	let { segments, title, prevButtonProps, nextButtonProps } = props;
-	return /* @__PURE__ */ jsxs(CalendarHeaderElement, { children: [/* @__PURE__ */ jsx(CalendarTitleElement, {
-		mods: { interactive: !!segments?.length },
-		children: segments?.length ? segments.map(({ key, label, onPress, isDisabled }) => /* @__PURE__ */ jsx(CalendarTitleButton, {
-			isDisabled,
-			onPress,
-			children: label
-		}, key)) : title
-	}), /* @__PURE__ */ jsxs(Space, {
-		gap: ".5x",
-		children: [/* @__PURE__ */ jsx(Button, {
+	const $ = c(20);
+	const { segments, title, prevButtonProps, nextButtonProps } = props;
+	const t0 = !!segments?.length;
+	let t1;
+	if ($[0] !== t0) {
+		t1 = { interactive: t0 };
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== segments || $[3] !== title) {
+		t2 = segments?.length ? segments.map(_temp) : title;
+		$[2] = segments;
+		$[3] = title;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== t1 || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(CalendarTitleElement, {
+			mods: t1,
+			children: t2
+		});
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(LeftIcon, {});
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== prevButtonProps) {
+		t5 = /* @__PURE__ */ jsx(Button, {
 			"data-popover-keep": true,
 			size: "xsmall",
 			...prevButtonProps,
-			icon: /* @__PURE__ */ jsx(LeftIcon, {})
-		}), /* @__PURE__ */ jsx(Button, {
+			icon: t4
+		});
+		$[9] = prevButtonProps;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(RightIcon, {});
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== nextButtonProps) {
+		t7 = /* @__PURE__ */ jsx(Button, {
 			"data-popover-keep": true,
 			size: "xsmall",
 			...nextButtonProps,
-			icon: /* @__PURE__ */ jsx(RightIcon, {})
-		})]
-	})] });
+			icon: t6
+		});
+		$[12] = nextButtonProps;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== t5 || $[15] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Space, {
+			gap: ".5x",
+			children: [t5, t7]
+		});
+		$[14] = t5;
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== t3 || $[18] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(CalendarHeaderElement, { children: [t3, t8] });
+		$[17] = t3;
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	return t9;
+}
+function _temp(t0) {
+	const { key, label, onPress, isDisabled } = t0;
+	return /* @__PURE__ */ jsx(CalendarTitleButton, {
+		isDisabled,
+		onPress,
+		children: label
+	}, key);
 }
 
 //#endregion

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

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