npm - @cube-dev/ui-kit - Versions diffs - 0.153.0 → 0.154.0 - Mend

@cube-dev/ui-kit 0.153.0 → 0.154.0

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

Files changed (497) hide show

package/dist/components/layout/Board/grid-core/constraints.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/constraints.ts
 function clamp(value, min, max) {
 	return Math.max(min, Math.min(max, value));

package/dist/components/layout/Board/grid-core/layout.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";

package/dist/components/layout/Board/grid-core/sort.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";
 import { aspectRatio, boundedX, boundedY, containerBounds, gridBounds, maxSize, minMaxSize, minSize, snapToGrid } from "./grid-core/constraints.js";
 import { BoardProvider } from "./BoardProvider.js";

package/dist/components/layout/Board/responsive-utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js CHANGED Viewed

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

package/dist/components/layout/Board/use-board-registry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { collides } from "./grid-core/collision.js";

package/dist/components/layout/Flex.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js CHANGED Viewed

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

package/dist/components/layout/ResizablePanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { useEffect, useRef, useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { tasty } from "@tenphi/tasty";

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

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

package/dist/components/navigation/Tabs/popover-placement.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";
@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useCalendar, useLocale } from "react-aria";
 import { createDOMRef } from "@react-spectrum/utils";
 import { useCalendarState } from "react-stately";
-import { createCalendar } from "@internationalized/date";
+import { createCalendar, startOfWeek, toCalendarDate } from "@internationalized/date";
 //#region src/components/other/Calendar/Calendar.tsx
 const CalendarElement = tasty({ styles: {
@@ -41,6 +41,14 @@ function Calendar(props, ref) {
 		}
 	}));
 	let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+	let selectedRange = props.selectedRange;
+	if (props.pickerMode === "week" && state.value) {
+		let start = startOfWeek(toCalendarDate(state.value), locale);
+		selectedRange = {
+			start,
+			end: start.add({ days: 6 })
+		};
+	}
 	return /* @__PURE__ */ jsxs(CalendarElement, {
 		...calendarProps,
 		children: [/* @__PURE__ */ jsxs(CalendarHeaderElement, { children: [/* @__PURE__ */ jsx(_Title, {
@@ -62,7 +70,8 @@ function Calendar(props, ref) {
 			})]
 		})] }), /* @__PURE__ */ jsx(CalendarGrid, {
 			state,
-			selectedRange: props.selectedRange
+			selectedRange,
+			pickerMode: props.pickerMode
 		})]
 	});
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import { createCalendar } from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { tasty } from '@tenphi/tasty';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n AriaCalendarProps,\n DateValue,\n useCalendar,\n useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { LeftIcon, RightIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport { Space } from '../../layout/Space';\n\nimport { CalendarGrid } from './CalendarGrid';\n\nconst CalendarElement = tasty({\n styles: {\n padding: '1x',\n gap: '1x',\n },\n});\n\nconst CalendarHeaderElement = tasty({\n styles: {\n display: 'flex',\n placeContent: 'center space-between',\n placeItems: 'center',\n gap: '1.5x',\n },\n});\n\nexport interface CubeCalendarProps extends AriaCalendarProps<DateValue> {\n selectedRange?: {\n start: DateValue;\n end: DateValue;\n };\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n\n let { locale } = useLocale();\n let state = useCalendarState({\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 } = useCalendar(\n props,\n state,\n );\n\n return (\n <CalendarElement {...calendarProps}>\n <CalendarHeaderElement>\n <Title level={6} preset=\"h6\">\n {title}\n </Title>\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 <CalendarGrid state={state} selectedRange={props.~~selectedRange~~} />\n </CalendarElement>\n );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;;;;;;;~~AAqBA~~,MAAM,kBAAkB,MAAM,EAC5B,QAAQ;CACN,SAAS;CACT,KAAK;CACN,EACF,CAAC;AAEF,MAAM,wBAAwB,MAAM,EAClC,QAAQ;CACN,SAAS;CACT,cAAc;CACd,YAAY;CACZ,KAAK;CACN,EACF,CAAC;~~AASF~~,SAAS,SAAS,OAA0B,KAAgC;AAC1E,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,iBAAiB;EAC3B,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,UAAU,YAC/D,OACA,MACD;~~AAED~~,QACE,qBAAC;EAAgB,GAAI;aACnB,qBAAC,oCACC,oBAACA;GAAM,OAAO;GAAG,QAAO;aACrB;IACK,EACR,qBAAC;GAAM,KAAI;cACT,oBAAC;IACC;IACA,MAAK;IACL,GAAI;IACJ,MAAM,oBAAC,aAAW;KAClB,EACF,oBAAC;IACC;IACA,MAAK;IACL,GAAI;IACJ,MAAM,oBAAC,cAAY;KACnB;IACI,IACc,EACxB,oBAAC;~~GAAoB~~;~~GAAO~~,~~eAAe~~,MAAM;~~IAAiB~~;~~GAClD~~;;AAItB,MAAM,YAAY,WAAW,SAAS;AAEtC,UAAU,cAAc"}
1	+ {"version":3,"file":"Calendar.js","names":["Title"],"sources":["../../../../src/components/other/Calendar/Calendar.tsx"],"sourcesContent":["import {\n createCalendar,\n startOfWeek,\n toCalendarDate,\n} from '@internationalized/date';\nimport { createDOMRef } from '@react-spectrum/utils';\nimport { FocusableRef } from '@react-types/shared';\nimport { tasty } from '@tenphi/tasty';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport {\n AriaCalendarProps,\n DateValue,\n useCalendar,\n useLocale,\n} from 'react-aria';\nimport { useCalendarState } from 'react-stately';\n\nimport { LeftIcon, RightIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\nimport { Button } from '../../actions';\nimport { Title } from '../../content/Title';\nimport { Space } from '../../layout/Space';\n\nimport { CalendarGrid } from './CalendarGrid';\n\nconst CalendarElement = tasty({\n styles: {\n padding: '1x',\n gap: '1x',\n },\n});\n\nconst CalendarHeaderElement = tasty({\n styles: {\n display: 'flex',\n placeContent: 'center space-between',\n placeItems: 'center',\n gap: '1.5x',\n },\n});\n\nexport interface CubeCalendarProps extends AriaCalendarProps<DateValue> {\n selectedRange?: {\n start: DateValue;\n end: DateValue;\n };\n /*\n When set to `week`, the grid shows a leading week-number column and\n * highlights the whole week that the selected value belongs to.\n */\n pickerMode?: 'day' \| 'week';\n}\n\nfunction Calendar(props: CubeCalendarProps, ref: FocusableRef<HTMLElement>) {\n props = useProviderProps(props);\n\n let { locale } = useLocale();\n let state = useCalendarState({\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 } = useCalendar(\n props,\n state,\n );\n\n let selectedRange = props.selectedRange;\n if (props.pickerMode === 'week' && state.value) {\n let start = startOfWeek(toCalendarDate(state.value), locale);\n selectedRange = { start, end: start.add({ days: 6 }) };\n }\n\n return (\n <CalendarElement {...calendarProps}>\n <CalendarHeaderElement>\n <Title level={6} preset=\"h6\">\n {title}\n </Title>\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 <CalendarGrid\n state={state}\n selectedRange={selectedRange}\n pickerMode={props.pickerMode}\n />\n </CalendarElement>\n );\n}\n\nconst _Calendar = forwardRef(Calendar);\n\n_Calendar.displayName = 'Calendar';\n\nexport { _Calendar as Calendar };\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,MAAM,kBAAkB,MAAM,EAC5B,QAAQ;CACN,SAAS;CACT,KAAK;CACN,EACF,CAAC;AAEF,MAAM,wBAAwB,MAAM,EAClC,QAAQ;CACN,SAAS;CACT,cAAc;CACd,YAAY;CACZ,KAAK;CACN,EACF,CAAC;AAcF,SAAS,SAAS,OAA0B,KAAgC;AAC1E,SAAQ,iBAAiB,MAAM;CAE/B,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,iBAAiB;EAC3B,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,UAAU,YAC/D,OACA,MACD;CAED,IAAI,gBAAgB,MAAM;AAC1B,KAAI,MAAM,eAAe,UAAU,MAAM,OAAO;EAC9C,IAAI,QAAQ,YAAY,eAAe,MAAM,MAAM,EAAE,OAAO;AAC5D,kBAAgB;GAAE;GAAO,KAAK,MAAM,IAAI,EAAE,MAAM,GAAG,CAAC;GAAE;;AAGxD,QACE,qBAAC;EAAgB,GAAI;aACnB,qBAAC,oCACC,oBAACA;GAAM,OAAO;GAAG,QAAO;aACrB;IACK,EACR,qBAAC;GAAM,KAAI;cACT,oBAAC;IACC;IACA,MAAK;IACL,GAAI;IACJ,MAAM,oBAAC,aAAW;KAClB,EACF,oBAAC;IACC;IACA,MAAK;IACL,GAAI;IACJ,MAAM,oBAAC,cAAY;KACnB;IACI,IACc,EACxB,oBAAC;GACQ;GACQ;GACf,YAAY,MAAM;IAClB;GACc;;AAItB,MAAM,YAAY,WAAW,SAAS;AAEtC,UAAU,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -23,6 +23,7 @@ const CalendarButtonElement = tasty({
 		fill: {
 			"": "#primary.0",
 			":hover": "#primary.16",
+			rangeHover: "#primary.16",
 			pressed: "#primary.10",
 			selected: "#primary",
 			"selected & :hover": "#primary-text",
@@ -43,7 +44,7 @@ const CalendarButtonElement = tasty({
 		cursor: "$pointer"
 	}
 });
-function CalendarCell({ state, selectedRange, date }) {
+function CalendarCell({ state, selectedRange, date, rangeHover }) {
 	let ref = useRef(null);
 	let { cellProps, buttonProps, isSelected, isPressed, isFocused, isInvalid, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate } = useCalendarCell({ date }, state, ref);
 	const isFinalSelected = selectedRange ? date.compare(selectedRange.start) >= 0 && date.compare(selectedRange.end) <= 0 : isSelected;
@@ -55,6 +56,7 @@ function CalendarCell({ state, selectedRange, date }) {
 			hidden: isOutsideVisibleRange,
 			mods: {
 				selected: isFinalSelected,
+				rangeHover: rangeHover && !isFinalSelected,
 				pressed: isPressed,
 				focused: isFocused,
 				invalid: isInvalid,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarCell.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { useCalendarCell } from 'react-aria';\n\nconst CalendarCellElement = tasty({\n as: 'td',\n styles: {\n preset: 't3m',\n margin: 0,\n padding: '2bw right bottom',\n },\n});\n\nconst CalendarButtonElement = tasty({\n 'data-popover-keep': true,\n styles: {\n display: 'grid',\n placeItems: 'center',\n width: '3x',\n height: '3x',\n fill: {\n '': '#primary.0',\n ':hover': '#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 },\n color: {\n '': '#dark',\n selected: '#white',\n 'disabled \| unavailable': '#dark.30',\n },\n outline: {\n '': '1bw #primary-text.0',\n focused: '1bw #primary-text',\n },\n outlineOffset: 0.5,\n radius: true,\n cursor: '$pointer',\n },\n});\n\nexport function CalendarCell({ state, selectedRange, date }) {\n let ref = useRef(null);\n let {\n cellProps,\n buttonProps,\n isSelected,\n isPressed,\n isFocused,\n isInvalid,\n isOutsideVisibleRange,\n isDisabled,\n isUnavailable,\n formattedDate,\n } = useCalendarCell({ date }, state, ref);\n\n const isFinalSelected = selectedRange\n ? date.compare(selectedRange.start) >= 0 &&\n date.compare(selectedRange.end) <= 0\n : isSelected;\n\n return (\n <CalendarCellElement {...cellProps}>\n <CalendarButtonElement\n {...buttonProps}\n ref={ref}\n hidden={isOutsideVisibleRange}\n mods={{\n selected: isFinalSelected,\n pressed: isPressed,\n focused: isFocused,\n invalid: isInvalid,\n disabled: isDisabled,\n unavailable: isUnavailable,\n }}\n >\n {formattedDate}\n </CalendarButtonElement>\n </CalendarCellElement>\n );\n}\n"],"mappings":";;;;;;;AAIA,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,SAAS;EACV;CACF,CAAC;AAEF,MAAM,wBAAwB,MAAM;CAClC,qBAAqB;CACrB,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,OAAO;EACP,QAAQ;EACR,MAAM;GACJ,IAAI;GACJ,UAAU;GACV,SAAS;GAET,UAAU;GACV,qBAAqB;GACrB,sBAAsB;GAEtB,0BAA0B;GAC3B;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACV,0BAA0B;GAC3B;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EACf,QAAQ;EACR,QAAQ;EACT;CACF,CAAC;AAEF,SAAgB,aAAa,EAAE,OAAO,eAAe,~~QAAQ~~;~~CAC3D~~,IAAI,MAAM,OAAO,KAAK;CACtB,IAAI,EACF,WACA,aACA,YACA,WACA,WACA,WACA,uBACA,YACA,eACA,kBACE,gBAAgB,EAAE,MAAM,EAAE,OAAO,IAAI;CAEzC,MAAM,kBAAkB,gBACpB,KAAK,QAAQ,cAAc,MAAM,IAAI,KACrC,KAAK,QAAQ,cAAc,IAAI,IAAI,IACnC;AAEJ,QACE,oBAAC;EAAoB,GAAI;YACvB,oBAAC;GACC,GAAI;GACC;GACL,QAAQ;GACR,MAAM;IACJ,UAAU;IACV,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,aAAa;IACd;aAEA;IACqB;GACJ"}
1	+ {"version":3,"file":"CalendarCell.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarCell.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { useRef } from 'react';\nimport { useCalendarCell } from 'react-aria';\n\nconst CalendarCellElement = tasty({\n as: 'td',\n styles: {\n preset: 't3m',\n margin: 0,\n padding: '2bw right bottom',\n },\n});\n\nconst CalendarButtonElement = tasty({\n 'data-popover-keep': true,\n styles: {\n display: 'grid',\n placeItems: 'center',\n width: '3x',\n height: '3x',\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 },\n color: {\n '': '#dark',\n selected: '#white',\n 'disabled \| unavailable': '#dark.30',\n },\n outline: {\n '': '1bw #primary-text.0',\n focused: '1bw #primary-text',\n },\n outlineOffset: 0.5,\n radius: true,\n cursor: '$pointer',\n },\n});\n\nexport function CalendarCell({ state, selectedRange, date, rangeHover }) {\n let ref = useRef(null);\n let {\n cellProps,\n buttonProps,\n isSelected,\n isPressed,\n isFocused,\n isInvalid,\n isOutsideVisibleRange,\n isDisabled,\n isUnavailable,\n formattedDate,\n } = useCalendarCell({ date }, state, ref);\n\n const isFinalSelected = selectedRange\n ? date.compare(selectedRange.start) >= 0 &&\n date.compare(selectedRange.end) <= 0\n : isSelected;\n\n return (\n <CalendarCellElement {...cellProps}>\n <CalendarButtonElement\n {...buttonProps}\n ref={ref}\n hidden={isOutsideVisibleRange}\n mods={{\n selected: isFinalSelected,\n rangeHover: rangeHover && !isFinalSelected,\n pressed: isPressed,\n focused: isFocused,\n invalid: isInvalid,\n disabled: isDisabled,\n unavailable: isUnavailable,\n }}\n >\n {formattedDate}\n </CalendarButtonElement>\n </CalendarCellElement>\n );\n}\n"],"mappings":";;;;;;;AAIA,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,SAAS;EACV;CACF,CAAC;AAEF,MAAM,wBAAwB,MAAM;CAClC,qBAAqB;CACrB,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,OAAO;EACP,QAAQ;EACR,MAAM;GACJ,IAAI;GACJ,UAAU;GACV,YAAY;GACZ,SAAS;GAET,UAAU;GACV,qBAAqB;GACrB,sBAAsB;GAEtB,0BAA0B;GAC3B;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACV,0BAA0B;GAC3B;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EACf,QAAQ;EACR,QAAQ;EACT;CACF,CAAC;AAEF,SAAgB,aAAa,EAAE,OAAO,eAAe,MAAM,cAAc;CACvE,IAAI,MAAM,OAAO,KAAK;CACtB,IAAI,EACF,WACA,aACA,YACA,WACA,WACA,WACA,uBACA,YACA,eACA,kBACE,gBAAgB,EAAE,MAAM,EAAE,OAAO,IAAI;CAEzC,MAAM,kBAAkB,gBACpB,KAAK,QAAQ,cAAc,MAAM,IAAI,KACrC,KAAK,QAAQ,cAAc,IAAI,IAAI,IACnC;AAEJ,QACE,oBAAC;EAAoB,GAAI;YACvB,oBAAC;GACC,GAAI;GACC;GACL,QAAQ;GACR,MAAM;IACJ,UAAU;IACV,YAAY,cAAc,CAAC;IAC3B,SAAS;IACT,SAAS;IACT,SAAS;IACT,UAAU;IACV,aAAa;IACd;aAEA;IACqB;GACJ"}

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

@@ -1,6 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.153.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.154.0 | Cube Dev Team */
+import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { tasty } from "@tenphi/tasty";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCalendarGrid, useLocale } from "react-aria";
 import { getWeeksInMonth } from "@internationalized/date";
@@ -10,32 +12,52 @@ const TableElement = tasty({
 	as: "table",
 	styles: {
 		borderCollapse: "collapse",
-		HeadRow: { color: "#dark-04" }
+		HeadRow: { color: "#dark-04" },
+		WeekNumber: {
+			preset: "t3m",
+			color: "#dark-04",
+			textAlign: "center",
+			padding: "0 1x"
+		}
 	}
 });
-function CalendarGrid({ state, ...props }) {
+function CalendarGrid({ state, 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 [hoveredWeek, setHoveredWeek] = useState(null);
 	return /* @__PURE__ */ jsxs(TableElement, {
 		...gridProps,
 		children: [/* @__PURE__ */ jsx("thead", {
 			"data-element": "Head",
 			...headerProps,
-			children: /* @__PURE__ */ jsx("tr", {
+			children: /* @__PURE__ */ jsxs("tr", {
 				"data-element": "HeadRow",
-				children: weekDays.map((day, index) => /* @__PURE__ */ jsx("th", { children: day }, index))
+				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) => /* @__PURE__ */ jsx("tr", {
-				"data-element": "Row",
-				children: state.getDatesInWeek(weekIndex).map((date, i) => date ? /* @__PURE__ */ jsx(CalendarCell, {
-					state,
-					date,
-					selectedRange: props.selectedRange
-				}, i) : /* @__PURE__ */ jsx("td", {}, i))
-			}, weekIndex))
+			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,
+						selectedRange: props.selectedRange,
+						rangeHover: isRowHovered
+					}, i) : /* @__PURE__ */ jsx("td", {}, i))]
+				}, weekIndex);
+			})
 		})]
 	});
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarGrid.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import { getWeeksInMonth } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useCalendarGrid, useLocale } from 'react-aria';\n\nimport { CalendarCell } from './CalendarCell';\n\nconst TableElement = tasty({\n as: 'table',\n styles: {\n borderCollapse: 'collapse',\n\n HeadRow: {\n color: '#dark-04',\n },\n },\n});\n\nexport function CalendarGrid({ state, ...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\n return (\n <TableElement {...gridProps}>\n <thead data-element=\"Head\" {...headerProps}>\n <tr data-element=\"HeadRow\">\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 <tr key={weekIndex} data-element=\"Row\">\n {~~state~~\n ~~.getDatesInWeek~~(weekIndex)\n .map((date, i) =>\n date ? (\n <CalendarCell\n key={i}\n state={state}\n date={date}\n selectedRange={props.selectedRange}\n />\n ) : (\n <td key={i} />\n ),\n )}\n </tr>\n ))}\n </tbody>\n </TableElement>\n );\n}\n"],"mappings":"~~;;;;;;;;AAMA~~,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,QAAQ;EACN,gBAAgB;EAEhB,SAAS,EACP,OAAO,YACR;EACF;CACF,CAAC;AAEF,SAAgB,aAAa,EAAE,OAAO,GAAG,SAAS;~~CAChD~~,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,EAAE,WAAW,aAAa,aAAa,gBAAgB,OAAO,MAAM;CAGxE,IAAI,eAAe,gBAAgB,MAAM,aAAa,OAAO,OAAO;~~AAEpE~~,QACE,qBAAC;EAAa,GAAI;aAChB,oBAAC;GAAM,gBAAa;GAAO,GAAI;aAC7B,~~oBAAC~~;IAAG,gBAAa;~~cACd~~,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,~~cACxC~~,~~oBAAC~~;~~IAAmB~~,gBAAa;~~cAC9B~~,~~MACE~~,eAAe,UAAU,~~CACzB~~,KAAK,MAAM,~~MACV~~,OACE,oBAAC;~~KAEQ~~;~~KACD~~;~~KACN~~,eAAe,MAAM;~~OAHhB~~,~~EAIL~~,GAEF,oBAAC,UAAQ,EAAK,CAEjB;~~MAdI~~,~~UAeJ,CACL~~;IACI;GACK"}
1	+ {"version":3,"file":"CalendarGrid.js","names":[],"sources":["../../../../src/components/other/Calendar/CalendarGrid.tsx"],"sourcesContent":["import { getWeeksInMonth } from '@internationalized/date';\nimport { tasty } from '@tenphi/tasty';\nimport { useState } from 'react';\nimport { useCalendarGrid, useLocale } from 'react-aria';\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\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 function CalendarGrid({ state, 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 // 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 selectedRange={props.selectedRange}\n rangeHover={isRowHovered}\n />\n ) : (\n <td key={i} />\n ),\n )}\n </tr>\n );\n })}\n </tbody>\n </TableElement>\n );\n}\n"],"mappings":";;;;;;;;;;AASA,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,QAAQ;EACN,gBAAgB;EAEhB,SAAS,EACP,OAAO,YACR;EAED,YAAY;GACV,QAAQ;GACR,OAAO;GACP,WAAW;GACX,SAAS;GACV;EACF;CACF,CAAC;AAEF,SAAgB,aAAa,EAAE,OAAO,aAAa,OAAO,GAAG,SAAS;CACpE,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;CAGrC,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,eAAe,MAAM;MACrB,YAAY;QAJP,EAKL,GAEF,oBAAC,UAAQ,EAAK,CAEjB;OA1BI,UA2BF;KAEP;IACI;GACK"}