@cube-dev/ui-kit 0.181.0 → 0.183.0

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodCalendar.js","names":[],"sources":["../../../../src/components/other/Calendar/PeriodCalendar.tsx"],"sourcesContent":["import {\n  CalendarDate,\n  endOfMonth,\n  endOfYear,\n  getLocalTimeZone,\n  toCalendarDate,\n  today,\n} from '@internationalized/date';\nimport { KeyboardEvent, ReactElement, useMemo, useState } from 'react';\nimport { DateValue, useDateFormatter } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { useProviderProps } from '../../../provider';\nimport { getQuarter } from '../../fields/DatePicker/period';\n\nimport { CalendarHeader } from './CalendarHeader';\nimport { CubePeriodGridCell, PeriodGrid } from './PeriodGrid';\nimport { CalendarElement } from './styled';\n\n/** The year grid shows a decade plus one adjacent year on either side. */\nconst YEAR_CELLS = 12;\n\n/** Explicit so the panel keeps one width across all three period views. */\nconst PERIOD_GRID_STYLES = { width: '28x' } as const;\n\nexport type CubePeriodCalendarPicker = 'month' | 'quarter' | 'year';\n\n/** picker → grid columns */\nconst COLUMNS: Record<CubePeriodCalendarPicker, 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: CubePeriodCalendarPicker;\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\n/**\n * The panel behind `MonthPicker`, `QuarterPicker` and `YearPicker`. The month\n * and quarter panels drill up into a year list, so reaching a distant year\n * never means clicking the arrow a dozen times.\n */\nexport function PeriodCalendar(props: CubePeriodCalendarProps) {\n  const { t } = useI18n();\n\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 monthFormatter = useDateFormatter({ month: 'short', timeZone: 'UTC' });\n\n  let selected = value ? toCalendarDate(value) : null;\n  let todayDate = useMemo(() => today(getLocalTimeZone()), []);\n\n  // A date inside the period the keyboard currently focuses. Drives both the\n  // roving tab stop and which year / decade the panel shows.\n  let [anchor, setAnchor] = useState<CalendarDate>(() => selected ?? todayDate);\n  let [isYearView, setIsYearView] = useState(false);\n  // Switching panels always moves focus into the new grid — the button the\n  // user just pressed is gone by then.\n  let [autoFocusGrid, setAutoFocusGrid] = useState(!!autoFocus);\n\n  let showYearView = (next: boolean) => {\n    setAutoFocusGrid(true);\n    setIsYearView(next);\n  };\n\n  let view: CubePeriodCalendarPicker =\n    picker === 'year' || isYearView ? 'year' : picker;\n\n  let yearStart = (year: number) => new CalendarDate(year, 1, 1);\n\n  let isPeriodDisabled = (start: CalendarDate, end: CalendarDate) => {\n    if (isDisabled) return true;\n    if (minValue && end.compare(minValue) < 0) return true;\n    if (maxValue && start.compare(maxValue) > 0) return true;\n\n    return isDateUnavailable?.(start) ?? false;\n  };\n\n  /** Header for the month and quarter panels — the year drills up to a list. */\n  let renderYearHeader = () => {\n    let prevYear = anchor.year - 1;\n    let nextYear = anchor.year + 1;\n\n    return (\n      <CalendarHeader\n        segments={[\n          {\n            key: 'year',\n            label: String(anchor.year),\n            isDisabled,\n            onPress: () => showYearView(true),\n          },\n        ]}\n        prevButtonProps={{\n          'aria-label': t('calendar.previousYear', 'Previous year'),\n          isDisabled: isPeriodDisabled(\n            yearStart(prevYear),\n            endOfYear(yearStart(prevYear)),\n          ),\n          onPress: () => setAnchor(anchor.subtract({ years: 1 })),\n        }}\n        nextButtonProps={{\n          'aria-label': t('calendar.nextYear', 'Next year'),\n          isDisabled: isPeriodDisabled(\n            yearStart(nextYear),\n            endOfYear(yearStart(nextYear)),\n          ),\n          onPress: () => setAnchor(anchor.add({ years: 1 })),\n        }}\n      />\n    );\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    // The year list is a detour, so `Escape` returns to the period list rather\n    // than closing the surrounding popover.\n    if (isYearView && picker !== 'year' && e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      showYearView(false);\n    }\n  };\n\n  let cells: CubePeriodGridCell[];\n  let focusedIndex: number;\n  let gridLabel: string;\n  let header: ReactElement;\n  let onCellPress: (index: number) => void;\n  let onCellFocus: (index: number) => void;\n  let onMoveFocus: (delta: number) => void;\n  let onMovePage: (delta: -1 | 1) => void;\n\n  if (view === 'year') {\n    let decadeStart = Math.floor(anchor.year / 10) * 10;\n    let firstYear = decadeStart - 1;\n\n    cells = Array.from({ length: YEAR_CELLS }, (_, index) => {\n      let year = firstYear + index;\n      let date = yearStart(year);\n\n      return {\n        key: `year-${year}`,\n        label: String(year),\n        isSelected: selected?.year === year,\n        isCurrent: todayDate.year === year,\n        isOutside: year < decadeStart || year > decadeStart + 9,\n        isDisabled: isPeriodDisabled(date, endOfYear(date)),\n      };\n    });\n\n    focusedIndex = anchor.year - firstYear;\n    gridLabel = t('calendar.years', 'Years');\n\n    header = (\n      <CalendarHeader\n        title={`${decadeStart} – ${decadeStart + 9}`}\n        prevButtonProps={{\n          'aria-label': t('calendar.previousYears', 'Previous years'),\n          isDisabled: isPeriodDisabled(\n            yearStart(decadeStart - 10),\n            endOfYear(yearStart(decadeStart - 1)),\n          ),\n          onPress: () => setAnchor(anchor.subtract({ years: 10 })),\n        }}\n        nextButtonProps={{\n          'aria-label': t('calendar.nextYears', 'Next years'),\n          isDisabled: isPeriodDisabled(\n            yearStart(decadeStart + 10),\n            endOfYear(yearStart(decadeStart + 19)),\n          ),\n          onPress: () => setAnchor(anchor.add({ years: 10 })),\n        }}\n      />\n    );\n\n    onCellPress = (index) => {\n      let year = firstYear + index;\n\n      if (picker === 'year') {\n        onChange?.(yearStart(year));\n      } else {\n        setAnchor(anchor.set({ year }));\n        showYearView(false);\n      }\n    };\n    onCellFocus = (index) => setAnchor(anchor.set({ year: firstYear + index }));\n    onMoveFocus = (delta) => setAnchor(anchor.add({ years: delta }));\n    onMovePage = (delta) => setAnchor(anchor.add({ years: delta * 10 }));\n  } else if (view === 'quarter') {\n    let quarterDate = (quarter: number) =>\n      new CalendarDate(anchor.year, (quarter - 1) * 3 + 1, 1);\n\n    cells = Array.from({ length: 4 }, (_, index) => {\n      let quarter = index + 1;\n      let date = quarterDate(quarter);\n\n      return {\n        key: `quarter-${quarter}`,\n        label: `Q${quarter}`,\n        isSelected:\n          selected != null &&\n          selected.year === anchor.year &&\n          getQuarter(selected.month) === quarter,\n        isCurrent:\n          todayDate.year === anchor.year &&\n          getQuarter(todayDate.month) === quarter,\n        isDisabled: isPeriodDisabled(date, endOfMonth(date.add({ months: 2 }))),\n      };\n    });\n\n    focusedIndex = getQuarter(anchor.month) - 1;\n    gridLabel = t('calendar.quarters', 'Quarters');\n    header = renderYearHeader();\n\n    onCellPress = (index) => onChange?.(quarterDate(index + 1));\n    onCellFocus = (index) => setAnchor(quarterDate(index + 1));\n    onMoveFocus = (delta) => setAnchor(anchor.add({ months: delta * 3 }));\n    onMovePage = (delta) => setAnchor(anchor.add({ years: delta }));\n  } else {\n    let monthDate = (month: number) => new CalendarDate(anchor.year, month, 1);\n\n    cells = Array.from({ length: 12 }, (_, index) => {\n      let month = index + 1;\n      let date = monthDate(month);\n\n      return {\n        key: `month-${month}`,\n        label: monthFormatter.format(date.toDate('UTC')),\n        isSelected:\n          selected != null &&\n          selected.year === anchor.year &&\n          selected.month === month,\n        isCurrent: todayDate.year === anchor.year && todayDate.month === month,\n        isDisabled: isPeriodDisabled(date, endOfMonth(date)),\n      };\n    });\n\n    focusedIndex = anchor.month - 1;\n    gridLabel = t('calendar.months', 'Months');\n    header = renderYearHeader();\n\n    onCellPress = (index) => onChange?.(monthDate(index + 1));\n    onCellFocus = (index) => setAnchor(monthDate(index + 1));\n    onMoveFocus = (delta) => setAnchor(anchor.add({ months: delta }));\n    onMovePage = (delta) => setAnchor(anchor.add({ years: delta }));\n  }\n\n  return (\n    <CalendarElement onKeyDown={onKeyDown}>\n      {header}\n      <PeriodGrid\n        // Remount per view so focus follows the user into the new grid.\n        key={view}\n        autoFocus={autoFocusGrid}\n        aria-label={gridLabel}\n        cells={cells}\n        styles={PERIOD_GRID_STYLES}\n        columns={COLUMNS[view]}\n        focusedIndex={focusedIndex}\n        onCellPress={onCellPress}\n        onCellFocus={onCellFocus}\n        onMoveFocus={onMoveFocus}\n        onMovePage={onMovePage}\n      />\n    </CalendarElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PeriodCalendar.js","names":["CalendarDate","endOfMonth","endOfYear","getLocalTimeZone","toCalendarDate","today","KeyboardEvent","ReactElement","useMemo","useState","DateValue","useDateFormatter","useI18n","useProviderProps","getQuarter","CalendarHeader","CubePeriodGridCell","PeriodGrid","CalendarElement","YEAR_CELLS","PERIOD_GRID_STYLES","width","const","CubePeriodCalendarPicker","COLUMNS","Record","month","quarter","year","CubePeriodCalendarProps","picker","value","onChange","date","minValue","maxValue","isDateUnavailable","isDisabled","autoFocus","PeriodCalendar","props","$","_c","t","t0","Symbol","for","timeZone","monthFormatter","t1","selected","t2","todayDate","t3","anchor","setAnchor","isYearView","setIsYearView","autoFocusGrid","setAutoFocusGrid","t4","next","showYearView","view","yearStart","_temp","t5","start","end","compare","isPeriodDisabled","t6","prevYear","nextYear","key","label","String","onPress","subtract","years","add","renderYearHeader","t7","e","preventDefault","stopPropagation","onKeyDown","cells","focusedIndex","gridLabel","header","onCellPress","onCellFocus","onMoveFocus","onMovePage","decadeStart","Math","floor","firstYear","t8","Array","from","length","_","index","year_0","isSelected","isCurrent","isOutside","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","index_0","year_1","set","t21","index_1","t22","delta","t23","delta_0","quarterDate","__0","index_2","quarter_0","date_0","months","index_3","index_4","delta_1","delta_2","monthDate","__1","index_5","month_0","date_1","format","toDate","index_6","index_7","delta_3","delta_4"],"sources":["../../../../src/components/other/Calendar/PeriodCalendar.tsx"],"sourcesContent":["import {\n  CalendarDate,\n  endOfMonth,\n  endOfYear,\n  getLocalTimeZone,\n  toCalendarDate,\n  today,\n} from '@internationalized/date';\nimport { KeyboardEvent, ReactElement, useMemo, useState } from 'react';\nimport { DateValue, useDateFormatter } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { useProviderProps } from '../../../provider';\nimport { getQuarter } from '../../fields/DatePicker/period';\n\nimport { CalendarHeader } from './CalendarHeader';\nimport { CubePeriodGridCell, PeriodGrid } from './PeriodGrid';\nimport { CalendarElement } from './styled';\n\n/** The year grid shows a decade plus one adjacent year on either side. */\nconst YEAR_CELLS = 12;\n\n/** Explicit so the panel keeps one width across all three period views. */\nconst PERIOD_GRID_STYLES = { width: '28x' } as const;\n\nexport type CubePeriodCalendarPicker = 'month' | 'quarter' | 'year';\n\n/** picker → grid columns */\nconst COLUMNS: Record<CubePeriodCalendarPicker, 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: CubePeriodCalendarPicker;\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\n/**\n * The panel behind `MonthPicker`, `QuarterPicker` and `YearPicker`. The month\n * and quarter panels drill up into a year list, so reaching a distant year\n * never means clicking the arrow a dozen times.\n */\nexport function PeriodCalendar(props: CubePeriodCalendarProps) {\n  const { t } = useI18n();\n\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 monthFormatter = useDateFormatter({ month: 'short', timeZone: 'UTC' });\n\n  let selected = value ? toCalendarDate(value) : null;\n  let todayDate = useMemo(() => today(getLocalTimeZone()), []);\n\n  // A date inside the period the keyboard currently focuses. Drives both the\n  // roving tab stop and which year / decade the panel shows.\n  let [anchor, setAnchor] = useState<CalendarDate>(() => selected ?? todayDate);\n  let [isYearView, setIsYearView] = useState(false);\n  // Switching panels always moves focus into the new grid — the button the\n  // user just pressed is gone by then.\n  let [autoFocusGrid, setAutoFocusGrid] = useState(!!autoFocus);\n\n  let showYearView = (next: boolean) => {\n    setAutoFocusGrid(true);\n    setIsYearView(next);\n  };\n\n  let view: CubePeriodCalendarPicker =\n    picker === 'year' || isYearView ? 'year' : picker;\n\n  let yearStart = (year: number) => new CalendarDate(year, 1, 1);\n\n  let isPeriodDisabled = (start: CalendarDate, end: CalendarDate) => {\n    if (isDisabled) return true;\n    if (minValue && end.compare(minValue) < 0) return true;\n    if (maxValue && start.compare(maxValue) > 0) return true;\n\n    return isDateUnavailable?.(start) ?? false;\n  };\n\n  /** Header for the month and quarter panels — the year drills up to a list. */\n  let renderYearHeader = () => {\n    let prevYear = anchor.year - 1;\n    let nextYear = anchor.year + 1;\n\n    return (\n      <CalendarHeader\n        segments={[\n          {\n            key: 'year',\n            label: String(anchor.year),\n            isDisabled,\n            onPress: () => showYearView(true),\n          },\n        ]}\n        prevButtonProps={{\n          'aria-label': t('calendar.previousYear', 'Previous year'),\n          isDisabled: isPeriodDisabled(\n            yearStart(prevYear),\n            endOfYear(yearStart(prevYear)),\n          ),\n          onPress: () => setAnchor(anchor.subtract({ years: 1 })),\n        }}\n        nextButtonProps={{\n          'aria-label': t('calendar.nextYear', 'Next year'),\n          isDisabled: isPeriodDisabled(\n            yearStart(nextYear),\n            endOfYear(yearStart(nextYear)),\n          ),\n          onPress: () => setAnchor(anchor.add({ years: 1 })),\n        }}\n      />\n    );\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    // The year list is a detour, so `Escape` returns to the period list rather\n    // than closing the surrounding popover.\n    if (isYearView && picker !== 'year' && e.key === 'Escape') {\n      e.preventDefault();\n      e.stopPropagation();\n      showYearView(false);\n    }\n  };\n\n  let cells: CubePeriodGridCell[];\n  let focusedIndex: number;\n  let gridLabel: string;\n  let header: ReactElement;\n  let onCellPress: (index: number) => void;\n  let onCellFocus: (index: number) => void;\n  let onMoveFocus: (delta: number) => void;\n  let onMovePage: (delta: -1 | 1) => void;\n\n  if (view === 'year') {\n    let decadeStart = Math.floor(anchor.year / 10) * 10;\n    let firstYear = decadeStart - 1;\n\n    cells = Array.from({ length: YEAR_CELLS }, (_, index) => {\n      let year = firstYear + index;\n      let date = yearStart(year);\n\n      return {\n        key: `year-${year}`,\n        label: String(year),\n        isSelected: selected?.year === year,\n        isCurrent: todayDate.year === year,\n        isOutside: year < decadeStart || year > decadeStart + 9,\n        isDisabled: isPeriodDisabled(date, endOfYear(date)),\n      };\n    });\n\n    focusedIndex = anchor.year - firstYear;\n    gridLabel = t('calendar.years', 'Years');\n\n    header = (\n      <CalendarHeader\n        title={`${decadeStart} – ${decadeStart + 9}`}\n        prevButtonProps={{\n          'aria-label': t('calendar.previousYears', 'Previous years'),\n          isDisabled: isPeriodDisabled(\n            yearStart(decadeStart - 10),\n            endOfYear(yearStart(decadeStart - 1)),\n          ),\n          onPress: () => setAnchor(anchor.subtract({ years: 10 })),\n        }}\n        nextButtonProps={{\n          'aria-label': t('calendar.nextYears', 'Next years'),\n          isDisabled: isPeriodDisabled(\n            yearStart(decadeStart + 10),\n            endOfYear(yearStart(decadeStart + 19)),\n          ),\n          onPress: () => setAnchor(anchor.add({ years: 10 })),\n        }}\n      />\n    );\n\n    onCellPress = (index) => {\n      let year = firstYear + index;\n\n      if (picker === 'year') {\n        onChange?.(yearStart(year));\n      } else {\n        setAnchor(anchor.set({ year }));\n        showYearView(false);\n      }\n    };\n    onCellFocus = (index) => setAnchor(anchor.set({ year: firstYear + index }));\n    onMoveFocus = (delta) => setAnchor(anchor.add({ years: delta }));\n    onMovePage = (delta) => setAnchor(anchor.add({ years: delta * 10 }));\n  } else if (view === 'quarter') {\n    let quarterDate = (quarter: number) =>\n      new CalendarDate(anchor.year, (quarter - 1) * 3 + 1, 1);\n\n    cells = Array.from({ length: 4 }, (_, index) => {\n      let quarter = index + 1;\n      let date = quarterDate(quarter);\n\n      return {\n        key: `quarter-${quarter}`,\n        label: `Q${quarter}`,\n        isSelected:\n          selected != null &&\n          selected.year === anchor.year &&\n          getQuarter(selected.month) === quarter,\n        isCurrent:\n          todayDate.year === anchor.year &&\n          getQuarter(todayDate.month) === quarter,\n        isDisabled: isPeriodDisabled(date, endOfMonth(date.add({ months: 2 }))),\n      };\n    });\n\n    focusedIndex = getQuarter(anchor.month) - 1;\n    gridLabel = t('calendar.quarters', 'Quarters');\n    header = renderYearHeader();\n\n    onCellPress = (index) => onChange?.(quarterDate(index + 1));\n    onCellFocus = (index) => setAnchor(quarterDate(index + 1));\n    onMoveFocus = (delta) => setAnchor(anchor.add({ months: delta * 3 }));\n    onMovePage = (delta) => setAnchor(anchor.add({ years: delta }));\n  } else {\n    let monthDate = (month: number) => new CalendarDate(anchor.year, month, 1);\n\n    cells = Array.from({ length: 12 }, (_, index) => {\n      let month = index + 1;\n      let date = monthDate(month);\n\n      return {\n        key: `month-${month}`,\n        label: monthFormatter.format(date.toDate('UTC')),\n        isSelected:\n          selected != null &&\n          selected.year === anchor.year &&\n          selected.month === month,\n        isCurrent: todayDate.year === anchor.year && todayDate.month === month,\n        isDisabled: isPeriodDisabled(date, endOfMonth(date)),\n      };\n    });\n\n    focusedIndex = anchor.month - 1;\n    gridLabel = t('calendar.months', 'Months');\n    header = renderYearHeader();\n\n    onCellPress = (index) => onChange?.(monthDate(index + 1));\n    onCellFocus = (index) => setAnchor(monthDate(index + 1));\n    onMoveFocus = (delta) => setAnchor(anchor.add({ months: delta }));\n    onMovePage = (delta) => setAnchor(anchor.add({ years: delta }));\n  }\n\n  return (\n    <CalendarElement onKeyDown={onKeyDown}>\n      {header}\n      <PeriodGrid\n        // Remount per view so focus follows the user into the new grid.\n        key={view}\n        autoFocus={autoFocusGrid}\n        aria-label={gridLabel}\n        cells={cells}\n        styles={PERIOD_GRID_STYLES}\n        columns={COLUMNS[view]}\n        focusedIndex={focusedIndex}\n        onCellPress={onCellPress}\n        onCellFocus={onCellFocus}\n        onMoveFocus={onMoveFocus}\n        onMovePage={onMovePage}\n      />\n    </CalendarElement>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @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 { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";
@@ -111,15 +111,15 @@ function PeriodGrid(props) {
 				role: "row",
 				"data-element": "Row",
 				children: row.map((cell, columnIndex) => {
-					let index = rowIndex * columns + columnIndex;
+					let index_0 = rowIndex * columns + columnIndex;
 					return /* @__PURE__ */ jsx(PeriodGridCellElement, {
 						"aria-selected": !!cell.isSelected,
 						children: /* @__PURE__ */ jsx(PeriodGridButtonElement, {
 							ref: (element) => {
-								cellRefs.current[index] = element;
+								cellRefs.current[index_0] = element;
 							},
 							type: "button",
-							tabIndex: index === safeIndex ? 0 : -1,
+							tabIndex: index_0 === safeIndex ? 0 : -1,
 							disabled: cell.isDisabled,
 							"aria-label": cell.ariaLabel,
 							mods: {
@@ -128,8 +128,8 @@ function PeriodGrid(props) {
 								outside: cell.isOutside,
 								disabled: cell.isDisabled
 							},
-							onFocus: () => onCellFocus(index),
-							onClick: () => onCellPress(index),
+							onFocus: () => onCellFocus(index_0),
+							onClick: () => onCellPress(index_0),
 							children: cell.label
 						})
 					}, cell.key);

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

@@ -1 +1 @@
-{"version":3,"file":"PeriodGrid.js","names":[],"sources":["../../../../src/components/other/Calendar/PeriodGrid.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, useLayoutEffect, useRef } from 'react';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst PeriodGridElement = tasty({\n  as: 'table',\n  role: 'grid',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n    // Columns share the width evenly. The owner passes that width explicitly —\n    // a percentage here would resolve against the popover's `max-content` box.\n    tableLayout: 'fixed',\n  },\n});\n\nconst PeriodGridCellElement = tasty({\n  as: 'td',\n  role: 'gridcell',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst PeriodGridButtonElement = tasty({\n  as: 'button',\n  'data-popover-keep': true,\n  styles: {\n    ...CALENDAR_CELL_STYLES,\n    width: '100%',\n    height: '4x',\n    padding: '0 .5x',\n  },\n});\n\nexport interface CubePeriodGridCell {\n  /** Stable identity of the cell, also used as the React key. */\n  key: string;\n  label: string;\n  /** Overrides the accessible name when the visible label is ambiguous. */\n  ariaLabel?: string;\n  isSelected?: boolean;\n  /** Whether the cell contains today. */\n  isCurrent?: boolean;\n  isDisabled?: boolean;\n  /** Whether the cell belongs to a neighbouring page (e.g. an adjacent decade). */\n  isOutside?: boolean;\n}\n\nexport interface CubePeriodGridProps {\n  cells: CubePeriodGridCell[];\n  columns: number;\n  /** Index of the cell that holds the roving tab stop. */\n  focusedIndex: number;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  styles?: Styles;\n  onCellPress: (index: number) => void;\n  /** Focus moved to another cell of the current page. */\n  onCellFocus: (index: number) => void;\n  /**\n   * Focus moved past the edge of the current page by `delta` periods. The owner\n   * moves its anchor, which in turn flips the page and the focused index.\n   */\n  onMoveFocus: (delta: number) => void;\n  /** `PageUp` / `PageDown` — one page back or forward. */\n  onMovePage: (delta: -1 | 1) => void;\n}\n\n/**\n * A keyboard-navigable grid of calendar periods (months, quarters or years).\n *\n * The grid owns rendering, the roving tab stop and DOM focus; the owner owns\n * the periods themselves. Arrow keys that leave the page are reported through\n * `onMoveFocus` so the owner can page and keep focus on the adjacent period.\n */\nexport function PeriodGrid(props: CubePeriodGridProps) {\n  let {\n    cells,\n    columns,\n    focusedIndex,\n    autoFocus,\n    styles,\n    onCellPress,\n    onCellFocus,\n    onMoveFocus,\n    onMovePage,\n  } = props;\n\n  let cellRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  // Set by the grid's own keyboard handling and by `autoFocus`, so paging with\n  // the header buttons never steals focus into the grid.\n  let shouldFocusRef = useRef(!!autoFocus);\n\n  let safeIndex = Math.max(0, Math.min(cells.length - 1, focusedIndex));\n\n  cellRefs.current.length = cells.length;\n\n  useLayoutEffect(() => {\n    if (shouldFocusRef.current) {\n      shouldFocusRef.current = false;\n      cellRefs.current[safeIndex]?.focus();\n    }\n  });\n\n  let moveFocus = (delta: number) => {\n    shouldFocusRef.current = true;\n\n    let next = safeIndex + delta;\n\n    // Disabled cells can't hold DOM focus, so step over them instead of\n    // stranding the caret on an unreachable period.\n    while (next >= 0 && next < cells.length && cells[next].isDisabled) {\n      next += delta;\n    }\n\n    if (next < 0 || next >= cells.length) {\n      onMoveFocus(delta);\n    } else {\n      onCellFocus(next);\n    }\n  };\n\n  let focusEdge = (edge: 'start' | 'end') => {\n    let step = edge === 'start' ? 1 : -1;\n    let index = edge === 'start' ? 0 : cells.length - 1;\n\n    while (index >= 0 && index < cells.length && cells[index].isDisabled) {\n      index += step;\n    }\n\n    if (index < 0 || index >= cells.length) return;\n\n    shouldFocusRef.current = true;\n    onCellFocus(index);\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowRight':\n        moveFocus(1);\n        break;\n      case 'ArrowLeft':\n        moveFocus(-1);\n        break;\n      case 'ArrowDown':\n        moveFocus(columns);\n        break;\n      case 'ArrowUp':\n        moveFocus(-columns);\n        break;\n      case 'Home':\n        focusEdge('start');\n        break;\n      case 'End':\n        focusEdge('end');\n        break;\n      case 'PageUp':\n        shouldFocusRef.current = true;\n        onMovePage(-1);\n        break;\n      case 'PageDown':\n        shouldFocusRef.current = true;\n        onMovePage(1);\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  let rows: CubePeriodGridCell[][] = [];\n\n  for (let i = 0; i < cells.length; i += columns) {\n    rows.push(cells.slice(i, i + columns));\n  }\n\n  return (\n    <PeriodGridElement\n      aria-label={props['aria-label']}\n      styles={styles}\n      onKeyDown={onKeyDown}\n    >\n      <tbody data-element=\"Body\">\n        {rows.map((row, rowIndex) => (\n          <tr key={rowIndex} role=\"row\" data-element=\"Row\">\n            {row.map((cell, columnIndex) => {\n              let index = rowIndex * columns + columnIndex;\n\n              return (\n                <PeriodGridCellElement\n                  key={cell.key}\n                  aria-selected={!!cell.isSelected}\n                >\n                  <PeriodGridButtonElement\n                    ref={(element: HTMLButtonElement | null) => {\n                      cellRefs.current[index] = element;\n                    }}\n                    type=\"button\"\n                    tabIndex={index === safeIndex ? 0 : -1}\n                    disabled={cell.isDisabled}\n                    aria-label={cell.ariaLabel}\n                    mods={{\n                      selected: cell.isSelected,\n                      current: cell.isCurrent,\n                      outside: cell.isOutside,\n                      disabled: cell.isDisabled,\n                    }}\n                    onFocus={() => onCellFocus(index)}\n                    onClick={() => onCellPress(index)}\n                  >\n                    {cell.label}\n                  </PeriodGridButtonElement>\n                </PeriodGridCellElement>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </PeriodGridElement>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PeriodGrid.js","names":["Styles","tasty","KeyboardEvent","useLayoutEffect","useRef","CALENDAR_CELL_STYLES","PeriodGridElement","as","role","styles","borderCollapse","borderSpacing","tableLayout","PeriodGridCellElement","margin","padding","PeriodGridButtonElement","width","height","CubePeriodGridCell","key","label","ariaLabel","isSelected","isCurrent","isDisabled","isOutside","CubePeriodGridProps","cells","columns","focusedIndex","autoFocus","onCellPress","index","onCellFocus","onMoveFocus","delta","onMovePage","PeriodGrid","props","cellRefs","Array","HTMLButtonElement","shouldFocusRef","safeIndex","Math","max","min","length","current","focus","moveFocus","next","focusEdge","edge","step","onKeyDown","e","preventDefault","stopPropagation","rows","i","push","slice","map","row","rowIndex","cell","columnIndex","element","selected","outside","disabled"],"sources":["../../../../src/components/other/Calendar/PeriodGrid.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, useLayoutEffect, useRef } from 'react';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst PeriodGridElement = tasty({\n  as: 'table',\n  role: 'grid',\n  styles: {\n    borderCollapse: 'collapse',\n    borderSpacing: 0,\n    // Columns share the width evenly. The owner passes that width explicitly —\n    // a percentage here would resolve against the popover's `max-content` box.\n    tableLayout: 'fixed',\n  },\n});\n\nconst PeriodGridCellElement = tasty({\n  as: 'td',\n  role: 'gridcell',\n  styles: {\n    margin: 0,\n    padding: '2bw right bottom',\n  },\n});\n\nconst PeriodGridButtonElement = tasty({\n  as: 'button',\n  'data-popover-keep': true,\n  styles: {\n    ...CALENDAR_CELL_STYLES,\n    width: '100%',\n    height: '4x',\n    padding: '0 .5x',\n  },\n});\n\nexport interface CubePeriodGridCell {\n  /** Stable identity of the cell, also used as the React key. */\n  key: string;\n  label: string;\n  /** Overrides the accessible name when the visible label is ambiguous. */\n  ariaLabel?: string;\n  isSelected?: boolean;\n  /** Whether the cell contains today. */\n  isCurrent?: boolean;\n  isDisabled?: boolean;\n  /** Whether the cell belongs to a neighbouring page (e.g. an adjacent decade). */\n  isOutside?: boolean;\n}\n\nexport interface CubePeriodGridProps {\n  cells: CubePeriodGridCell[];\n  columns: number;\n  /** Index of the cell that holds the roving tab stop. */\n  focusedIndex: number;\n  autoFocus?: boolean;\n  'aria-label'?: string;\n  styles?: Styles;\n  onCellPress: (index: number) => void;\n  /** Focus moved to another cell of the current page. */\n  onCellFocus: (index: number) => void;\n  /**\n   * Focus moved past the edge of the current page by `delta` periods. The owner\n   * moves its anchor, which in turn flips the page and the focused index.\n   */\n  onMoveFocus: (delta: number) => void;\n  /** `PageUp` / `PageDown` — one page back or forward. */\n  onMovePage: (delta: -1 | 1) => void;\n}\n\n/**\n * A keyboard-navigable grid of calendar periods (months, quarters or years).\n *\n * The grid owns rendering, the roving tab stop and DOM focus; the owner owns\n * the periods themselves. Arrow keys that leave the page are reported through\n * `onMoveFocus` so the owner can page and keep focus on the adjacent period.\n */\nexport function PeriodGrid(props: CubePeriodGridProps) {\n  let {\n    cells,\n    columns,\n    focusedIndex,\n    autoFocus,\n    styles,\n    onCellPress,\n    onCellFocus,\n    onMoveFocus,\n    onMovePage,\n  } = props;\n\n  let cellRefs = useRef<Array<HTMLButtonElement | null>>([]);\n  // Set by the grid's own keyboard handling and by `autoFocus`, so paging with\n  // the header buttons never steals focus into the grid.\n  let shouldFocusRef = useRef(!!autoFocus);\n\n  let safeIndex = Math.max(0, Math.min(cells.length - 1, focusedIndex));\n\n  cellRefs.current.length = cells.length;\n\n  useLayoutEffect(() => {\n    if (shouldFocusRef.current) {\n      shouldFocusRef.current = false;\n      cellRefs.current[safeIndex]?.focus();\n    }\n  });\n\n  let moveFocus = (delta: number) => {\n    shouldFocusRef.current = true;\n\n    let next = safeIndex + delta;\n\n    // Disabled cells can't hold DOM focus, so step over them instead of\n    // stranding the caret on an unreachable period.\n    while (next >= 0 && next < cells.length && cells[next].isDisabled) {\n      next += delta;\n    }\n\n    if (next < 0 || next >= cells.length) {\n      onMoveFocus(delta);\n    } else {\n      onCellFocus(next);\n    }\n  };\n\n  let focusEdge = (edge: 'start' | 'end') => {\n    let step = edge === 'start' ? 1 : -1;\n    let index = edge === 'start' ? 0 : cells.length - 1;\n\n    while (index >= 0 && index < cells.length && cells[index].isDisabled) {\n      index += step;\n    }\n\n    if (index < 0 || index >= cells.length) return;\n\n    shouldFocusRef.current = true;\n    onCellFocus(index);\n  };\n\n  let onKeyDown = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowRight':\n        moveFocus(1);\n        break;\n      case 'ArrowLeft':\n        moveFocus(-1);\n        break;\n      case 'ArrowDown':\n        moveFocus(columns);\n        break;\n      case 'ArrowUp':\n        moveFocus(-columns);\n        break;\n      case 'Home':\n        focusEdge('start');\n        break;\n      case 'End':\n        focusEdge('end');\n        break;\n      case 'PageUp':\n        shouldFocusRef.current = true;\n        onMovePage(-1);\n        break;\n      case 'PageDown':\n        shouldFocusRef.current = true;\n        onMovePage(1);\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  let rows: CubePeriodGridCell[][] = [];\n\n  for (let i = 0; i < cells.length; i += columns) {\n    rows.push(cells.slice(i, i + columns));\n  }\n\n  return (\n    <PeriodGridElement\n      aria-label={props['aria-label']}\n      styles={styles}\n      onKeyDown={onKeyDown}\n    >\n      <tbody data-element=\"Body\">\n        {rows.map((row, rowIndex) => (\n          <tr key={rowIndex} role=\"row\" data-element=\"Row\">\n            {row.map((cell, columnIndex) => {\n              let index = rowIndex * columns + columnIndex;\n\n              return (\n                <PeriodGridCellElement\n                  key={cell.key}\n                  aria-selected={!!cell.isSelected}\n                >\n                  <PeriodGridButtonElement\n                    ref={(element: HTMLButtonElement | null) => {\n                      cellRefs.current[index] = element;\n                    }}\n                    type=\"button\"\n                    tabIndex={index === safeIndex ? 0 : -1}\n                    disabled={cell.isDisabled}\n                    aria-label={cell.ariaLabel}\n                    mods={{\n                      selected: cell.isSelected,\n                      current: cell.isCurrent,\n                      outside: cell.isOutside,\n                      disabled: cell.isDisabled,\n                    }}\n                    onFocus={() => onCellFocus(index)}\n                    onClick={() => onCellPress(index)}\n                  >\n                    {cell.label}\n                  </PeriodGridButtonElement>\n                </PeriodGridCellElement>\n              );\n            })}\n          </tr>\n        ))}\n      </tbody>\n    </PeriodGridElement>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
-/** @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 { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useLocale, useRangeCalendar } from "react-aria";
@@ -10,30 +11,55 @@ import { createCalendar } from "@internationalized/date";
 
 //#region src/components/other/Calendar/RangeCalendar.tsx
 function RangeCalendar(props, ref) {
+	const $ = c(12);
 	props = useProviderProps(props);
-	let { locale } = useLocale();
-	let state = useRangeCalendarState({
-		...props,
-		locale,
-		createCalendar
-	});
-	let domRef = useRef(null);
-	useImperativeHandle(ref, () => ({
-		...createDOMRef(domRef),
-		focus() {
-			state.setFocused(true);
-		}
-	}));
-	let { calendarProps, prevButtonProps, nextButtonProps, title } = useRangeCalendar(props, state, domRef);
-	return /* @__PURE__ */ jsx(CalendarPanel, {
-		elementRef: domRef,
-		state,
-		title,
-		calendarProps,
-		prevButtonProps,
-		nextButtonProps,
-		hasMonthYearNavigation: props.hasMonthYearNavigation
-	});
+	const { locale } = useLocale();
+	let t0;
+	if ($[0] !== locale || $[1] !== props) {
+		t0 = {
+			...props,
+			locale,
+			createCalendar
+		};
+		$[0] = locale;
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	const state = useRangeCalendarState(t0);
+	const domRef = useRef(null);
+	let t1;
+	if ($[3] !== state) {
+		t1 = () => ({
+			...createDOMRef(domRef),
+			focus() {
+				state.setFocused(true);
+			}
+		});
+		$[3] = state;
+		$[4] = t1;
+	} else t1 = $[4];
+	useImperativeHandle(ref, t1);
+	const { calendarProps, prevButtonProps, nextButtonProps, title } = useRangeCalendar(props, state, domRef);
+	let t2;
+	if ($[5] !== calendarProps || $[6] !== nextButtonProps || $[7] !== prevButtonProps || $[8] !== props.hasMonthYearNavigation || $[9] !== state || $[10] !== title) {
+		t2 = /* @__PURE__ */ jsx(CalendarPanel, {
+			elementRef: domRef,
+			state,
+			title,
+			calendarProps,
+			prevButtonProps,
+			nextButtonProps,
+			hasMonthYearNavigation: props.hasMonthYearNavigation
+		});
+		$[5] = calendarProps;
+		$[6] = nextButtonProps;
+		$[7] = prevButtonProps;
+		$[8] = props.hasMonthYearNavigation;
+		$[9] = state;
+		$[10] = title;
+		$[11] = t2;
+	} else t2 = $[11];
+	return t2;
 }
 const _RangeCalendar = forwardRef(RangeCalendar);
 _RangeCalendar.displayName = "RangeCalendar";

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

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.js","names":[],"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,SAAS,cACP,OACA,KACA;AACA,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,sBAAsB;EAChC,GAAG;EACH;EACA;EACD,CAAC;CAEF,IAAI,SAAS,OAAO,KAAK;AACzB,qBAAoB,YAAY;EAC9B,GAAG,aAAa,OAAO;EACvB,QAAQ;AACN,SAAM,WAAW,KAAK;;EAEzB,EAAE;CAEH,IAAI,EAAE,eAAe,iBAAiB,iBAAiB,UACrD,iBAAiB,OAAO,OAAO,OAAO;AAExC,QACE,oBAAC;EACC,YAAY;EACL;EACA;EACQ;EACE;EACA;EACjB,wBAAwB,MAAM;GAC9B;;AAIN,MAAM,iBAAiB,WAAW,cAAc;AAEhD,eAAe,cAAc"}
+{"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"}

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

@@ -1,4 +1,4 @@
-/** @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 { tasty } from "@tenphi/tasty";
 
 //#region src/components/other/Calendar/styled.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/other/Calendar/styled.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\n/**\n * Every calendar flavour (day, range, period) shares the same shell so the\n * popover keeps a stable size and rhythm when the user switches between the\n * day grid and the month / year panels.\n */\nexport const CalendarElement = tasty({\n  styles: {\n    display: 'grid',\n    // Shrink-wrap the grid so a standalone calendar doesn't stretch its cells\n    // across whatever container it lands in.\n    width: 'max-content',\n    padding: '1x',\n    gap: '1x',\n  },\n});\n\nexport const CalendarHeaderElement = tasty({\n  styles: {\n    display: 'flex',\n    placeContent: 'center space-between',\n    placeItems: 'center',\n    gap: '1.5x',\n  },\n});\n\n/**\n * The interactive states shared by day cells and period (month / quarter /\n * year) cells. Kept in one place so a day and a month never drift apart.\n */\nexport const CALENDAR_CELL_STYLES: Styles = {\n  preset: 't3m',\n  display: 'grid',\n  placeItems: 'center',\n  border: 0,\n  fill: {\n    '': '#primary.0',\n    ':hover': '#primary.16',\n    rangeHover: '#primary.16',\n    pressed: '#primary.10',\n\n    selected: '#primary',\n    'selected & :hover': '#primary-text',\n    'selected & pressed': '#primary',\n\n    'disabled | unavailable': '#primary.0',\n    // A disabled calendar still has to show what is selected.\n    'selected & (disabled | unavailable)': '#primary.30',\n  },\n  color: {\n    '': '#dark',\n    outside: '#dark.30',\n    // The cell that contains today — a hint, not a selection.\n    'current & !selected': '#primary-text',\n    selected: '#white',\n    'disabled | unavailable': '#dark.30',\n    'selected & (disabled | unavailable)': '#white',\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 | unavailable': 'default',\n  },\n};\n"],"mappings":";;;;;;;;;AAOA,MAAa,kBAAkB,MAAM,EACnC,QAAQ;CACN,SAAS;CAGT,OAAO;CACP,SAAS;CACT,KAAK;CACN,EACF,CAAC;AAEF,MAAa,wBAAwB,MAAM,EACzC,QAAQ;CACN,SAAS;CACT,cAAc;CACd,YAAY;CACZ,KAAK;CACN,EACF,CAAC;;;;;AAMF,MAAa,uBAA+B;CAC1C,QAAQ;CACR,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,UAAU;EACV,YAAY;EACZ,SAAS;EAET,UAAU;EACV,qBAAqB;EACrB,sBAAsB;EAEtB,0BAA0B;EAE1B,uCAAuC;EACxC;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EAET,uBAAuB;EACvB,UAAU;EACV,0BAA0B;EAC1B,uCAAuC;EACxC;CACD,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,eAAe;CACf,QAAQ;CACR,QAAQ;EACN,IAAI;EACJ,0BAA0B;EAC3B;CACF"}
+{"version":3,"file":"styled.js","names":["Styles","tasty","CalendarElement","styles","display","width","padding","gap","CalendarHeaderElement","placeContent","placeItems","CALENDAR_CELL_STYLES","preset","border","fill","rangeHover","pressed","selected","color","outside","outline","focused","outlineOffset","radius","cursor"],"sources":["../../../../src/components/other/Calendar/styled.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\n/**\n * Every calendar flavour (day, range, period) shares the same shell so the\n * popover keeps a stable size and rhythm when the user switches between the\n * day grid and the month / year panels.\n */\nexport const CalendarElement = tasty({\n  styles: {\n    display: 'grid',\n    // Shrink-wrap the grid so a standalone calendar doesn't stretch its cells\n    // across whatever container it lands in.\n    width: 'max-content',\n    padding: '1x',\n    gap: '1x',\n  },\n});\n\nexport const CalendarHeaderElement = tasty({\n  styles: {\n    display: 'flex',\n    placeContent: 'center space-between',\n    placeItems: 'center',\n    gap: '1.5x',\n  },\n});\n\n/**\n * The interactive states shared by day cells and period (month / quarter /\n * year) cells. Kept in one place so a day and a month never drift apart.\n */\nexport const CALENDAR_CELL_STYLES: Styles = {\n  preset: 't3m',\n  display: 'grid',\n  placeItems: 'center',\n  border: 0,\n  fill: {\n    '': '#primary.0',\n    ':hover': '#primary.16',\n    rangeHover: '#primary.16',\n    pressed: '#primary.10',\n\n    selected: '#primary',\n    'selected & :hover': '#primary-text',\n    'selected & pressed': '#primary',\n\n    'disabled | unavailable': '#primary.0',\n    // A disabled calendar still has to show what is selected.\n    'selected & (disabled | unavailable)': '#primary.30',\n  },\n  color: {\n    '': '#dark',\n    outside: '#dark.30',\n    // The cell that contains today — a hint, not a selection.\n    'current & !selected': '#primary-text',\n    selected: '#white',\n    'disabled | unavailable': '#dark.30',\n    'selected & (disabled | unavailable)': '#white',\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 | unavailable': 'default',\n  },\n};\n"],"mappings":";;;;;;;;;AAOA,MAAaE,kBAAkBD,MAAM,EACnCE,QAAQ;CACNC,SAAS;CAGTC,OAAO;CACPC,SAAS;CACTC,KAAK;CACP,EACD,CAAC;AAEF,MAAaC,wBAAwBP,MAAM,EACzCE,QAAQ;CACNC,SAAS;CACTK,cAAc;CACdC,YAAY;CACZH,KAAK;CACP,EACD,CAAC;;;;;AAMF,MAAaI,uBAA+B;CAC1CC,QAAQ;CACRR,SAAS;CACTM,YAAY;CACZG,QAAQ;CACRC,MAAM;EACJ,IAAI;EACJ,UAAU;EACVC,YAAY;EACZC,SAAS;EAETC,UAAU;EACV,qBAAqB;EACrB,sBAAsB;EAEtB,0BAA0B;EAE1B,uCAAuC;EACxC;CACDC,OAAO;EACL,IAAI;EACJC,SAAS;EAET,uBAAuB;EACvBF,UAAU;EACV,0BAA0B;EAC1B,uCAAuC;EACxC;CACDG,SAAS;EACP,IAAI;EACJC,SAAS;EACV;CACDC,eAAe;CACfC,QAAQ;CACRC,QAAQ;EACN,IAAI;EACJ,0BAA0B;EAC5B;CACD"}

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

@@ -1,5 +1,6 @@
-/** @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 { Icon } from "../../../icons/Icon.js";
+import { c } from "react-compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -31,19 +32,27 @@ const MARK_VIEW_BOX = "0 0 28 28";
 const FULL_VIEW_BOX = "0 0 98 28";
 /** 98 / 28 — used to let width follow height automatically. */
 const FULL_ASPECT_RATIO = "98 / 28";
-const MarkPaths = () => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("path", {
-	clipRule: "evenodd",
-	d: MARK_LIGHT_PATH,
-	"data-element": "LightMark",
-	fill: "currentColor",
-	fillRule: "evenodd"
-}), /* @__PURE__ */ jsx("path", {
-	clipRule: "evenodd",
-	d: MARK_DARK_PATH,
-	"data-element": "DarkMark",
-	fill: "currentColor",
-	fillRule: "evenodd"
-})] });
+const MarkPaths = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("path", {
+			clipRule: "evenodd",
+			d: MARK_LIGHT_PATH,
+			"data-element": "LightMark",
+			fill: "currentColor",
+			fillRule: "evenodd"
+		}), /* @__PURE__ */ jsx("path", {
+			clipRule: "evenodd",
+			d: MARK_DARK_PATH,
+			"data-element": "DarkMark",
+			fill: "currentColor",
+			fillRule: "evenodd"
+		})] });
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
 const SCHEME_SWAP = {
 	LightMark: { display: {
 		"": "block",
@@ -86,20 +95,46 @@ const CubeLogoElement = tasty(Icon, {
 	styles: SCHEME_SWAP
 });
 const CubeLogo = forwardRef(function CubeLogo(props, ref) {
-	const { scheme, styles, ...rest } = props;
-	return /* @__PURE__ */ jsx(CubeLogoElement, {
-		"aria-label": "Cube",
-		role: "img",
-		...rest,
-		styles: resolveLogoStyles(props),
-		ref,
-		children: /* @__PURE__ */ jsx("svg", {
+	const $ = c(9);
+	let rest;
+	if ($[0] !== props) {
+		const { scheme, styles, ...t0 } = props;
+		rest = t0;
+		$[0] = props;
+		$[1] = rest;
+	} else rest = $[1];
+	let t0;
+	if ($[2] !== props) {
+		t0 = resolveLogoStyles(props);
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("svg", {
 			fill: "none",
 			viewBox: MARK_VIEW_BOX,
 			xmlns: "http://www.w3.org/2000/svg",
 			children: /* @__PURE__ */ jsx(MarkPaths, {})
-		})
-	});
+		});
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== ref || $[6] !== rest || $[7] !== t0) {
+		t2 = /* @__PURE__ */ jsx(CubeLogoElement, {
+			"aria-label": "Cube",
+			role: "img",
+			...rest,
+			styles: t0,
+			ref,
+			children: t1
+		});
+		$[5] = ref;
+		$[6] = rest;
+		$[7] = t0;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 });
 /**
 * Cube mark + wordmark.
@@ -123,14 +158,23 @@ const CubeFullLogoElement = tasty(Icon, {
 	}
 });
 const CubeFullLogo = forwardRef(function CubeFullLogo(props, ref) {
-	const { scheme, styles, ...rest } = props;
-	return /* @__PURE__ */ jsx(CubeFullLogoElement, {
-		"aria-label": "Cube",
-		role: "img",
-		...rest,
-		styles: resolveLogoStyles(props),
-		ref,
-		children: /* @__PURE__ */ jsxs("svg", {
+	const $ = c(9);
+	let rest;
+	if ($[0] !== props) {
+		const { scheme, styles, ...t0 } = props;
+		rest = t0;
+		$[0] = props;
+		$[1] = rest;
+	} else rest = $[1];
+	let t0;
+	if ($[2] !== props) {
+		t0 = resolveLogoStyles(props);
+		$[2] = props;
+		$[3] = t0;
+	} else t0 = $[3];
+	let t1;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsxs("svg", {
 			fill: "none",
 			viewBox: FULL_VIEW_BOX,
 			xmlns: "http://www.w3.org/2000/svg",
@@ -138,8 +182,25 @@ const CubeFullLogo = forwardRef(function CubeFullLogo(props, ref) {
 				d: WORDMARK_PATH,
 				fill: "currentColor"
 			})]
-		})
-	});
+		});
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== ref || $[6] !== rest || $[7] !== t0) {
+		t2 = /* @__PURE__ */ jsx(CubeFullLogoElement, {
+			"aria-label": "Cube",
+			role: "img",
+			...rest,
+			styles: t0,
+			ref,
+			children: t1
+		});
+		$[5] = ref;
+		$[6] = rest;
+		$[7] = t0;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 });
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"CubeLogo.js","names":[],"sources":["../../../../src/components/other/CubeLogo/CubeLogo.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeIconProps, Icon } from '../../../icons/Icon';\n\n/**\n * Cube logo marks.\n *\n * The mark is two *different drawings*, not one drawing recoloured: the light\n * variant is an outlined cube, the dark variant is filled differently so it keeps\n * its weight against a dark surface. Both are rendered and swapped by the global\n * `@dark` state rather than picked in JS, so the logo follows the scheme without a\n * re-render and works in SSR.\n *\n * Both marks are drawn with `currentColor`, so colour comes from the surrounding\n * text colour (or an explicit `color` prop) — never a baked-in hex. That is the\n * whole reason the previous `CloudLogo` had to go: it hard-coded the old brand\n * hexes and could not adapt.\n */\n\nconst MARK_LIGHT_PATH =\n  'M12.3428 0.468443C13.3139 -0.0982146 14.5153 -0.0984244 15.4863 0.468443L25.7051 6.43426C26.1063 6.66852 26.3535 7.09853 26.3535 7.56317V11.9008C26.3534 12.1325 26.2301 12.347 26.0303 12.4642L23.8356 13.8389L25.7109 14.8737C26.1088 15.1088 26.3534 15.5366 26.3535 15.9987V20.4352C26.3535 20.8999 26.1063 21.3298 25.7051 21.5641L15.4834 27.53C14.5123 28.0967 13.3119 28.0968 12.3408 27.53L2.11914 21.5641C1.71803 21.3298 1.47168 20.8998 1.47168 20.4352V7.56317C1.47178 7.09851 1.71879 6.66848 2.12012 6.43426L12.3428 0.468443ZM14.7002 1.77118C14.2147 1.4878 13.6144 1.48791 13.1289 1.77118L3.18164 7.57587C3.06086 7.64635 2.98649 7.77589 2.98633 7.91571V20.0085L12.873 14.3005C13.5161 13.9292 14.3091 13.9292 14.9521 14.3005L24.8389 20.0095V16.3513C24.8388 16.2116 24.764 16.082 24.6436 16.0114L14.6982 10.197C14.2129 9.91323 13.6117 9.91297 13.126 10.196L6.38477 14.1247C6.13553 14.2695 5.82263 14.0897 5.82227 13.8015V10.3942C5.82238 10.188 5.93134 9.99713 6.1084 9.89129L12.8613 5.85614C13.5101 5.46859 14.3183 5.4637 14.9717 5.84344L24.8389 11.5788V7.91571C24.8387 7.77604 24.7641 7.64643 24.6436 7.57587L14.7002 1.77118Z';\n\nconst MARK_DARK_PATH =\n  'M25.9002 6.65073C26.2344 6.84455 26.44 7.20162 26.44 7.5879L26.4396 11.3066C26.4395 11.6899 26.2369 12.0447 25.9067 12.2395L22.6916 14.1362L25.9094 16.0449C26.2383 16.24 26.44 16.5941 26.44 16.9766V20.6864C26.44 21.0743 26.2326 21.4327 25.8961 21.6258L15.6128 27.5294C14.6148 28.1023 13.387 28.0996 12.3914 27.5223L2.09765 21.5528C1.7635 21.359 1.55781 21.002 1.55781 20.6157V7.58789C1.55781 7.20162 1.76349 6.84457 2.09764 6.65079L13.049 0.299736C13.6372 -0.0413849 14.363 -0.0413542 14.9512 0.299815L25.9002 6.65073ZM3.08936 20.3607C2.9078 20.4649 2.90801 20.7268 3.08974 20.8307L13.0565 26.5279C13.641 26.8619 14.3587 26.861 14.9423 26.5254L24.821 20.8447C25.0017 20.7408 25.0022 20.4802 24.8218 20.3756L14.9425 14.6505C14.3571 14.3112 13.6353 14.3097 13.0485 14.6464L3.08936 20.3607ZM5.55497 9.75456C5.3906 9.85215 5.28984 10.0292 5.28984 10.2203V13.6284C5.28984 13.8379 5.51738 13.968 5.69791 13.8619L13.0363 9.54766C13.631 9.19804 14.3687 9.19907 14.9624 9.55035L21.2322 13.26C21.4021 13.3605 21.6131 13.3607 21.7831 13.2604L24.8318 11.4632C25.0105 11.3579 25.0093 11.0991 24.8297 10.9954L14.9614 5.29588C14.3677 4.95297 13.6351 4.95738 13.0455 5.3074L5.55497 9.75456Z';\n\nconst WORDMARK_PATH =\n  'M52.1689 16.0085C52.1689 18.0202 53.5876 19.2742 55.3838 19.2742C57.1215 19.274 58.5107 18.02 58.5107 16.0085V7.46362H61.5527V15.7761C61.5526 19.6552 58.8592 22.1041 55.3857 22.1042C51.8518 22.1042 49.1584 19.6553 49.1582 15.7761V7.46362H52.1689V16.0085ZM68.2725 9.2146C69.3445 7.90193 71.0524 7.14436 73.0215 7.14429C77.0745 7.14226 79.999 10.3792 79.999 14.6375C79.999 18.8957 77.0747 22.1042 73.0498 22.1042C70.964 22.1042 69.1394 21.26 68.0693 19.8015V21.7849H65.2314V0.6521H68.2725V9.2146ZM90.0576 7.14233C93.851 7.14255 96.6309 9.94205 96.6309 13.7039C96.6308 14.4918 96.4859 15.2518 96.3994 15.6306H85.8008C86.2072 17.9925 88.0019 19.3923 90.4336 19.3923C92.0849 19.3923 93.3865 18.7502 94.5752 17.7009L96.0234 19.8015C94.5169 21.2297 92.6055 22.1042 90.3467 22.1042C85.9457 22.1042 82.7012 18.8673 82.7012 14.6375C82.7012 10.438 85.9161 7.14233 90.0576 7.14233ZM40.5293 7.14233C43.2224 7.14248 45.3056 8.45506 46.5225 10.4666L44.3809 12.158C43.4536 10.8452 42.2663 9.97046 40.5586 9.97046C37.952 9.97067 36.0996 12.0122 36.0996 14.6072C36.0996 17.2608 37.952 19.272 40.5586 19.2722C42.2381 19.2722 43.4254 18.4277 44.3809 17.115L46.5225 18.7781C45.2774 20.7896 43.1922 22.1021 40.5293 22.1023C36.3314 22.1043 33 18.837 33 14.6091C33 10.4096 36.3314 7.14233 40.5293 7.14233ZM72.5273 9.94409C70.3852 9.94409 68.2403 11.4022 68.2402 14.6394C68.2402 17.905 70.4133 19.3044 72.5273 19.3044C74.9891 19.3042 76.872 17.3803 76.8721 14.6091C76.8721 11.838 74.961 9.9443 72.5273 9.94409ZM89.9424 9.73706C87.9431 9.73916 86.322 11.109 85.8594 13.238H93.5908C93.5325 10.9914 91.8834 9.73706 89.9424 9.73706Z';\n\n/** Mark artwork is square. */\nconst MARK_VIEW_BOX = '0 0 28 28';\n/**\n * Full logo = mark (x 0–28) + wordmark (x 33–98) on one canvas, so the 5-unit\n * gap between them is part of the artwork rather than a layout concern.\n */\nconst FULL_VIEW_BOX = '0 0 98 28';\n/** 98 / 28 — used to let width follow height automatically. */\nconst FULL_ASPECT_RATIO = '98 / 28';\n\nconst MarkPaths = () => (\n  <>\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_LIGHT_PATH}\n      data-element=\"LightMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_DARK_PATH}\n      data-element=\"DarkMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </>\n);\n\nconst SCHEME_SWAP = {\n  LightMark: {\n    display: { '': 'block', '@dark': 'none' },\n  },\n  DarkMark: {\n    display: { '': 'none', '@dark': 'block' },\n  },\n} as const;\n\n/**\n * Pin one mark instead of letting the `@dark` state choose.\n *\n * Needed wherever the background is known but the *document* scheme does not\n * describe it: a fixed-dark panel in a light app (`#surface-inverse`, the\n * `special` theme), an exported image, or a themed region — `tokens` overrides\n * token *values*, and `@dark` is a state, so a region preview cannot reach the\n * swap on its own.\n */\nconst FORCED_SCHEME = {\n  light: {\n    LightMark: { display: 'block' },\n    DarkMark: { display: 'none' },\n  },\n  dark: {\n    LightMark: { display: 'none' },\n    DarkMark: { display: 'block' },\n  },\n} as const;\n\nexport interface CubeLogoProps extends CubeIconProps {\n  /**\n   * Force the light or dark mark. Omit it — the default — to follow the document\n   * scheme in CSS, which costs no re-render and is correct during SSR.\n   */\n  scheme?: 'light' | 'dark';\n}\n\n/** Caller styles win; a forced scheme only overrides the swap itself. */\nfunction resolveLogoStyles({ scheme, styles }: CubeLogoProps) {\n  return scheme ? mergeStyles(FORCED_SCHEME[scheme], styles) : styles;\n}\n\n/**\n * Square Cube mark, sized through `Icon` — pass `size` (or any `Icon` style prop)\n * and both axes follow it.\n */\nconst CubeLogoElement = tasty(Icon, {\n  qa: 'CubeLogo',\n  styles: SCHEME_SWAP,\n});\n\nexport const CubeLogo = forwardRef(function CubeLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={MARK_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n      </svg>\n    </CubeLogoElement>\n  );\n});\n\n/**\n * Cube mark + wordmark.\n *\n * `size` sets the **height** only; the width follows the artwork's aspect ratio.\n * `Icon` is square by default (`width: '1em 1em'`), so both the wrapper and the\n * inner `svg` have their width released to `auto` and the ratio pinned with\n * `aspectRatio` — otherwise the wordmark would be squashed into a 1em box.\n */\nconst CubeFullLogoElement = tasty(Icon, {\n  qa: 'CubeFullLogo',\n  styles: {\n    ...SCHEME_SWAP,\n    // Height still comes from `$icon-size` via `Icon`; width must not.\n    width: 'auto',\n    aspectRatio: FULL_ASPECT_RATIO,\n\n    Svg: {\n      width: 'auto',\n      height: '1em 1em',\n      aspectRatio: FULL_ASPECT_RATIO,\n    },\n  },\n});\n\nexport const CubeFullLogo = forwardRef(function CubeFullLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeFullLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={FULL_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n        <path d={WORDMARK_PATH} fill=\"currentColor\" />\n      </svg>\n    </CubeFullLogoElement>\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,kBACJ;AAEF,MAAM,iBACJ;AAEF,MAAM,gBACJ;;AAGF,MAAM,gBAAgB;;;;;AAKtB,MAAM,gBAAgB;;AAEtB,MAAM,oBAAoB;AAE1B,MAAM,kBACJ,8CACE,oBAAC;CACC,UAAS;CACT,GAAG;CACH,gBAAa;CACb,MAAK;CACL,UAAS;EACT,EACF,oBAAC;CACC,UAAS;CACT,GAAG;CACH,gBAAa;CACb,MAAK;CACL,UAAS;EACT,IACD;AAGL,MAAM,cAAc;CAClB,WAAW,EACT,SAAS;EAAE,IAAI;EAAS,SAAS;EAAQ,EAC1C;CACD,UAAU,EACR,SAAS;EAAE,IAAI;EAAQ,SAAS;EAAS,EAC1C;CACF;;;;;;;;;;AAWD,MAAM,gBAAgB;CACpB,OAAO;EACL,WAAW,EAAE,SAAS,SAAS;EAC/B,UAAU,EAAE,SAAS,QAAQ;EAC9B;CACD,MAAM;EACJ,WAAW,EAAE,SAAS,QAAQ;EAC9B,UAAU,EAAE,SAAS,SAAS;EAC/B;CACF;;AAWD,SAAS,kBAAkB,EAAE,QAAQ,UAAyB;AAC5D,QAAO,SAAS,YAAY,cAAc,SAAS,OAAO,GAAG;;;;;;AAO/D,MAAM,kBAAkB,MAAM,MAAM;CAClC,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAa,WAAW,WAAW,SAAS,SAC1C,OACA,KACA;CACA,MAAM,EAAE,QAAQ,QAAQ,GAAG,SAAS;AAEpC,QACE,oBAAC;EACC,cAAW;EACX,MAAK;EACL,GAAI;EACJ,QAAQ,kBAAkB,MAAM;EAC3B;YAEL,oBAAC;GACC,MAAK;GACL,SAAS;GACT,OAAM;aAEN,oBAAC,cAAY;IACT;GACU;EAEpB;;;;;;;;;AAUF,MAAM,sBAAsB,MAAM,MAAM;CACtC,IAAI;CACJ,QAAQ;EACN,GAAG;EAEH,OAAO;EACP,aAAa;EAEb,KAAK;GACH,OAAO;GACP,QAAQ;GACR,aAAa;GACd;EACF;CACF,CAAC;AAEF,MAAa,eAAe,WAAW,SAAS,aAC9C,OACA,KACA;CACA,MAAM,EAAE,QAAQ,QAAQ,GAAG,SAAS;AAEpC,QACE,oBAAC;EACC,cAAW;EACX,MAAK;EACL,GAAI;EACJ,QAAQ,kBAAkB,MAAM;EAC3B;YAEL,qBAAC;GACC,MAAK;GACL,SAAS;GACT,OAAM;cAEN,oBAAC,cAAY,EACb,oBAAC;IAAK,GAAG;IAAe,MAAK;KAAiB;IAC1C;GACc;EAExB"}
+{"version":3,"file":"CubeLogo.js","names":["mergeStyles","tasty","ForwardedRef","forwardRef","CubeIconProps","Icon","MARK_LIGHT_PATH","MARK_DARK_PATH","WORDMARK_PATH","MARK_VIEW_BOX","FULL_VIEW_BOX","FULL_ASPECT_RATIO","MarkPaths","$","_c","t0","Symbol","for","SCHEME_SWAP","LightMark","display","DarkMark","const","FORCED_SCHEME","light","dark","CubeLogoProps","scheme","resolveLogoStyles","styles","CubeLogoElement","qa","CubeLogo","props","ref","rest","t1","t2","CubeFullLogoElement","width","aspectRatio","Svg","height","CubeFullLogo"],"sources":["../../../../src/components/other/CubeLogo/CubeLogo.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeIconProps, Icon } from '../../../icons/Icon';\n\n/**\n * Cube logo marks.\n *\n * The mark is two *different drawings*, not one drawing recoloured: the light\n * variant is an outlined cube, the dark variant is filled differently so it keeps\n * its weight against a dark surface. Both are rendered and swapped by the global\n * `@dark` state rather than picked in JS, so the logo follows the scheme without a\n * re-render and works in SSR.\n *\n * Both marks are drawn with `currentColor`, so colour comes from the surrounding\n * text colour (or an explicit `color` prop) — never a baked-in hex. That is the\n * whole reason the previous `CloudLogo` had to go: it hard-coded the old brand\n * hexes and could not adapt.\n */\n\nconst MARK_LIGHT_PATH =\n  'M12.3428 0.468443C13.3139 -0.0982146 14.5153 -0.0984244 15.4863 0.468443L25.7051 6.43426C26.1063 6.66852 26.3535 7.09853 26.3535 7.56317V11.9008C26.3534 12.1325 26.2301 12.347 26.0303 12.4642L23.8356 13.8389L25.7109 14.8737C26.1088 15.1088 26.3534 15.5366 26.3535 15.9987V20.4352C26.3535 20.8999 26.1063 21.3298 25.7051 21.5641L15.4834 27.53C14.5123 28.0967 13.3119 28.0968 12.3408 27.53L2.11914 21.5641C1.71803 21.3298 1.47168 20.8998 1.47168 20.4352V7.56317C1.47178 7.09851 1.71879 6.66848 2.12012 6.43426L12.3428 0.468443ZM14.7002 1.77118C14.2147 1.4878 13.6144 1.48791 13.1289 1.77118L3.18164 7.57587C3.06086 7.64635 2.98649 7.77589 2.98633 7.91571V20.0085L12.873 14.3005C13.5161 13.9292 14.3091 13.9292 14.9521 14.3005L24.8389 20.0095V16.3513C24.8388 16.2116 24.764 16.082 24.6436 16.0114L14.6982 10.197C14.2129 9.91323 13.6117 9.91297 13.126 10.196L6.38477 14.1247C6.13553 14.2695 5.82263 14.0897 5.82227 13.8015V10.3942C5.82238 10.188 5.93134 9.99713 6.1084 9.89129L12.8613 5.85614C13.5101 5.46859 14.3183 5.4637 14.9717 5.84344L24.8389 11.5788V7.91571C24.8387 7.77604 24.7641 7.64643 24.6436 7.57587L14.7002 1.77118Z';\n\nconst MARK_DARK_PATH =\n  'M25.9002 6.65073C26.2344 6.84455 26.44 7.20162 26.44 7.5879L26.4396 11.3066C26.4395 11.6899 26.2369 12.0447 25.9067 12.2395L22.6916 14.1362L25.9094 16.0449C26.2383 16.24 26.44 16.5941 26.44 16.9766V20.6864C26.44 21.0743 26.2326 21.4327 25.8961 21.6258L15.6128 27.5294C14.6148 28.1023 13.387 28.0996 12.3914 27.5223L2.09765 21.5528C1.7635 21.359 1.55781 21.002 1.55781 20.6157V7.58789C1.55781 7.20162 1.76349 6.84457 2.09764 6.65079L13.049 0.299736C13.6372 -0.0413849 14.363 -0.0413542 14.9512 0.299815L25.9002 6.65073ZM3.08936 20.3607C2.9078 20.4649 2.90801 20.7268 3.08974 20.8307L13.0565 26.5279C13.641 26.8619 14.3587 26.861 14.9423 26.5254L24.821 20.8447C25.0017 20.7408 25.0022 20.4802 24.8218 20.3756L14.9425 14.6505C14.3571 14.3112 13.6353 14.3097 13.0485 14.6464L3.08936 20.3607ZM5.55497 9.75456C5.3906 9.85215 5.28984 10.0292 5.28984 10.2203V13.6284C5.28984 13.8379 5.51738 13.968 5.69791 13.8619L13.0363 9.54766C13.631 9.19804 14.3687 9.19907 14.9624 9.55035L21.2322 13.26C21.4021 13.3605 21.6131 13.3607 21.7831 13.2604L24.8318 11.4632C25.0105 11.3579 25.0093 11.0991 24.8297 10.9954L14.9614 5.29588C14.3677 4.95297 13.6351 4.95738 13.0455 5.3074L5.55497 9.75456Z';\n\nconst WORDMARK_PATH =\n  'M52.1689 16.0085C52.1689 18.0202 53.5876 19.2742 55.3838 19.2742C57.1215 19.274 58.5107 18.02 58.5107 16.0085V7.46362H61.5527V15.7761C61.5526 19.6552 58.8592 22.1041 55.3857 22.1042C51.8518 22.1042 49.1584 19.6553 49.1582 15.7761V7.46362H52.1689V16.0085ZM68.2725 9.2146C69.3445 7.90193 71.0524 7.14436 73.0215 7.14429C77.0745 7.14226 79.999 10.3792 79.999 14.6375C79.999 18.8957 77.0747 22.1042 73.0498 22.1042C70.964 22.1042 69.1394 21.26 68.0693 19.8015V21.7849H65.2314V0.6521H68.2725V9.2146ZM90.0576 7.14233C93.851 7.14255 96.6309 9.94205 96.6309 13.7039C96.6308 14.4918 96.4859 15.2518 96.3994 15.6306H85.8008C86.2072 17.9925 88.0019 19.3923 90.4336 19.3923C92.0849 19.3923 93.3865 18.7502 94.5752 17.7009L96.0234 19.8015C94.5169 21.2297 92.6055 22.1042 90.3467 22.1042C85.9457 22.1042 82.7012 18.8673 82.7012 14.6375C82.7012 10.438 85.9161 7.14233 90.0576 7.14233ZM40.5293 7.14233C43.2224 7.14248 45.3056 8.45506 46.5225 10.4666L44.3809 12.158C43.4536 10.8452 42.2663 9.97046 40.5586 9.97046C37.952 9.97067 36.0996 12.0122 36.0996 14.6072C36.0996 17.2608 37.952 19.272 40.5586 19.2722C42.2381 19.2722 43.4254 18.4277 44.3809 17.115L46.5225 18.7781C45.2774 20.7896 43.1922 22.1021 40.5293 22.1023C36.3314 22.1043 33 18.837 33 14.6091C33 10.4096 36.3314 7.14233 40.5293 7.14233ZM72.5273 9.94409C70.3852 9.94409 68.2403 11.4022 68.2402 14.6394C68.2402 17.905 70.4133 19.3044 72.5273 19.3044C74.9891 19.3042 76.872 17.3803 76.8721 14.6091C76.8721 11.838 74.961 9.9443 72.5273 9.94409ZM89.9424 9.73706C87.9431 9.73916 86.322 11.109 85.8594 13.238H93.5908C93.5325 10.9914 91.8834 9.73706 89.9424 9.73706Z';\n\n/** Mark artwork is square. */\nconst MARK_VIEW_BOX = '0 0 28 28';\n/**\n * Full logo = mark (x 0–28) + wordmark (x 33–98) on one canvas, so the 5-unit\n * gap between them is part of the artwork rather than a layout concern.\n */\nconst FULL_VIEW_BOX = '0 0 98 28';\n/** 98 / 28 — used to let width follow height automatically. */\nconst FULL_ASPECT_RATIO = '98 / 28';\n\nconst MarkPaths = () => (\n  <>\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_LIGHT_PATH}\n      data-element=\"LightMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d={MARK_DARK_PATH}\n      data-element=\"DarkMark\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n    />\n  </>\n);\n\nconst SCHEME_SWAP = {\n  LightMark: {\n    display: { '': 'block', '@dark': 'none' },\n  },\n  DarkMark: {\n    display: { '': 'none', '@dark': 'block' },\n  },\n} as const;\n\n/**\n * Pin one mark instead of letting the `@dark` state choose.\n *\n * Needed wherever the background is known but the *document* scheme does not\n * describe it: a fixed-dark panel in a light app (`#surface-inverse`, the\n * `special` theme), an exported image, or a themed region — `tokens` overrides\n * token *values*, and `@dark` is a state, so a region preview cannot reach the\n * swap on its own.\n */\nconst FORCED_SCHEME = {\n  light: {\n    LightMark: { display: 'block' },\n    DarkMark: { display: 'none' },\n  },\n  dark: {\n    LightMark: { display: 'none' },\n    DarkMark: { display: 'block' },\n  },\n} as const;\n\nexport interface CubeLogoProps extends CubeIconProps {\n  /**\n   * Force the light or dark mark. Omit it — the default — to follow the document\n   * scheme in CSS, which costs no re-render and is correct during SSR.\n   */\n  scheme?: 'light' | 'dark';\n}\n\n/** Caller styles win; a forced scheme only overrides the swap itself. */\nfunction resolveLogoStyles({ scheme, styles }: CubeLogoProps) {\n  return scheme ? mergeStyles(FORCED_SCHEME[scheme], styles) : styles;\n}\n\n/**\n * Square Cube mark, sized through `Icon` — pass `size` (or any `Icon` style prop)\n * and both axes follow it.\n */\nconst CubeLogoElement = tasty(Icon, {\n  qa: 'CubeLogo',\n  styles: SCHEME_SWAP,\n});\n\nexport const CubeLogo = forwardRef(function CubeLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={MARK_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n      </svg>\n    </CubeLogoElement>\n  );\n});\n\n/**\n * Cube mark + wordmark.\n *\n * `size` sets the **height** only; the width follows the artwork's aspect ratio.\n * `Icon` is square by default (`width: '1em 1em'`), so both the wrapper and the\n * inner `svg` have their width released to `auto` and the ratio pinned with\n * `aspectRatio` — otherwise the wordmark would be squashed into a 1em box.\n */\nconst CubeFullLogoElement = tasty(Icon, {\n  qa: 'CubeFullLogo',\n  styles: {\n    ...SCHEME_SWAP,\n    // Height still comes from `$icon-size` via `Icon`; width must not.\n    width: 'auto',\n    aspectRatio: FULL_ASPECT_RATIO,\n\n    Svg: {\n      width: 'auto',\n      height: '1em 1em',\n      aspectRatio: FULL_ASPECT_RATIO,\n    },\n  },\n});\n\nexport const CubeFullLogo = forwardRef(function CubeFullLogo(\n  props: CubeLogoProps,\n  ref: ForwardedRef<HTMLSpanElement>,\n) {\n  const { scheme, styles, ...rest } = props;\n\n  return (\n    <CubeFullLogoElement\n      aria-label=\"Cube\"\n      role=\"img\"\n      {...rest}\n      styles={resolveLogoStyles(props)}\n      ref={ref}\n    >\n      <svg\n        fill=\"none\"\n        viewBox={FULL_VIEW_BOX}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <MarkPaths />\n        <path d={WORDMARK_PATH} fill=\"currentColor\" />\n      </svg>\n    </CubeFullLogoElement>\n  );\n});\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @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 { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"NoDataIcon.js","names":[],"sources":["../../../../src/components/other/NoDataIcon/NoDataIcon.tsx"],"sourcesContent":["import { wrapIcon } from '../../../icons/wrap-icon';\n\n/**\n * Empty isometric crate — the kit's \"nothing here yet\" illustration, for empty\n * tables and empty lists.\n *\n * An illustration rather than a member of the icon set, which is why it lives\n * here next to `CubeLogo` instead of in `src/icons/`. Two things follow from\n * that, and both are the reason it could not be an icon:\n *\n * - It is a **three-tone drawing**, not a `currentColor` glyph, so it does not\n *   follow a `color` prop. Flattening the three faces to one tone loses the box.\n * - It is drawn **full-bleed** in its own viewBox rather than inset in a 24×24\n *   grid, because it is used at illustration sizes (`size=\"8x\"` and up) rather\n *   than inline with text.\n *\n * The three tones are the shared isometric cube-face tokens that\n * `LoadingAnimation` also draws from (`src/tokens/palette.ts`), so an empty\n * table and a loading table read as the same object lit the same way. Like the\n * animation, they ride the SVG `fill` **attribute** rather than a tasty `fill`\n * style — tasty's `fill` is a typed shorthand for `background-color`, which an\n * SVG `<path>` ignores.\n *\n * It is still built on `wrapIcon`, so sizing, `qa` and the style props work\n * exactly as they do for an icon.\n */\nexport const NoDataIcon = wrapIcon(\n  'NoDataIcon',\n  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 65 65\">\n    {/* Inner right wall — catches the light, same tone as the lit top face. */}\n    <path\n      fill=\"var(--loading-face-1-color)\"\n      d=\"m32.512 3.186 31.993 18.46.002 22.15-31.994-18.46z\"\n    />\n    {/* Floor of the crate — deepest in shadow. */}\n    <path\n      fill=\"var(--loading-face-3-color)\"\n      d=\"m.518 43.798 32-18.462 31.99 18.462-31.995 18.456z\"\n    />\n    {/* Back-left and front-right walls — the mid step. */}\n    <path\n      fill=\"var(--loading-face-2-color)\"\n      d=\"M.519 21.642 32.513 3.183l-.001 22.15L.518 43.791zM32.513 40.1l31.994-18.46-.002 22.15-31.993 18.46z\"\n    />\n    {/* Front-left wall, with the folded-open flap. */}\n    <path\n      fill=\"var(--loading-face-1-color)\"\n      d=\"m.518 21.637 6.932 4c.59.34 1.066 1.166 1.067 1.845v5.656c0 .68.477 1.506 1.066 1.846l13.865 7.999c.589.34 1.066.064 1.066-.616v-5.655c0-.68.477-.956 1.066-.616l6.933 4 .001 22.159L.519 43.795z\"\n    />\n  </svg>,\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,aAAa,SACxB,cACA,qBAAC;CAAI,OAAM;CAA6B,MAAK;CAAO,SAAQ;;EAE1D,oBAAC;GACC,MAAK;GACL,GAAE;IACF;EAEF,oBAAC;GACC,MAAK;GACL,GAAE;IACF;EAEF,oBAAC;GACC,MAAK;GACL,GAAE;IACF;EAEF,oBAAC;GACC,MAAK;GACL,GAAE;IACF;;EACE,CACP"}
+{"version":3,"file":"NoDataIcon.js","names":["wrapIcon","NoDataIcon"],"sources":["../../../../src/components/other/NoDataIcon/NoDataIcon.tsx"],"sourcesContent":["import { wrapIcon } from '../../../icons/wrap-icon';\n\n/**\n * Empty isometric crate — the kit's \"nothing here yet\" illustration, for empty\n * tables and empty lists.\n *\n * An illustration rather than a member of the icon set, which is why it lives\n * here next to `CubeLogo` instead of in `src/icons/`. Two things follow from\n * that, and both are the reason it could not be an icon:\n *\n * - It is a **three-tone drawing**, not a `currentColor` glyph, so it does not\n *   follow a `color` prop. Flattening the three faces to one tone loses the box.\n * - It is drawn **full-bleed** in its own viewBox rather than inset in a 24×24\n *   grid, because it is used at illustration sizes (`size=\"8x\"` and up) rather\n *   than inline with text.\n *\n * The three tones are the shared isometric cube-face tokens that\n * `LoadingAnimation` also draws from (`src/tokens/palette.ts`), so an empty\n * table and a loading table read as the same object lit the same way. Like the\n * animation, they ride the SVG `fill` **attribute** rather than a tasty `fill`\n * style — tasty's `fill` is a typed shorthand for `background-color`, which an\n * SVG `<path>` ignores.\n *\n * It is still built on `wrapIcon`, so sizing, `qa` and the style props work\n * exactly as they do for an icon.\n */\nexport const NoDataIcon = wrapIcon(\n  'NoDataIcon',\n  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 65 65\">\n    {/* Inner right wall — catches the light, same tone as the lit top face. */}\n    <path\n      fill=\"var(--loading-face-1-color)\"\n      d=\"m32.512 3.186 31.993 18.46.002 22.15-31.994-18.46z\"\n    />\n    {/* Floor of the crate — deepest in shadow. */}\n    <path\n      fill=\"var(--loading-face-3-color)\"\n      d=\"m.518 43.798 32-18.462 31.99 18.462-31.995 18.456z\"\n    />\n    {/* Back-left and front-right walls — the mid step. */}\n    <path\n      fill=\"var(--loading-face-2-color)\"\n      d=\"M.519 21.642 32.513 3.183l-.001 22.15L.518 43.791zM32.513 40.1l31.994-18.46-.002 22.15-31.993 18.46z\"\n    />\n    {/* Front-left wall, with the folded-open flap. */}\n    <path\n      fill=\"var(--loading-face-1-color)\"\n      d=\"m.518 21.637 6.932 4c.59.34 1.066 1.166 1.067 1.845v5.656c0 .68.477 1.506 1.066 1.846l13.865 7.999c.589.34 1.066.064 1.066-.616v-5.655c0-.68.477-.956 1.066-.616l6.933 4 .001 22.159L.519 43.795z\"\n    />\n  </svg>,\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAaC,aAAaD,SACxB,cACA,qBAAC;CAAI,OAAM;CAA6B,MAAK;CAAO,SAAQ;;EAE1D,oBAAC;GACC,MAAK;GACL,GAAE;IAAoD;EAGxD,oBAAC;GACC,MAAK;GACL,GAAE;IAAoD;EAGxD,oBAAC;GACC,MAAK;GACL,GAAE;IAAsG;EAG1G,oBAAC;GACC,MAAK;GACL,GAAE;IAAmM;;EAG3M,CAAC"}