npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-759f43d → 0.0.0-canary-77836fa - Mend

@cube-dev/ui-kit 0.0.0-canary-759f43d → 0.0.0-canary-77836fa

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 (617) hide show

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -146,6 +146,7 @@ function Pagination(props, ref) {
 	}) : null;
 	const renderPageControl = function renderPageControl() {
 		if (selectEntries) return /* @__PURE__ */ jsx(__Select, {
+			isBare: true,
 			qa: "PaginationPageSelect",
 			size,
 			isDisabled,
@@ -215,6 +216,7 @@ function Pagination(props, ref) {
 	let t12;
 	if ($[13] !== isDisabled || $[14] !== onPageSizeChange || $[15] !== onPageSizeSelectionChange || $[16] !== pageSize || $[17] !== pageSizeOptions || $[18] !== pageSizeSelectStyles || $[19] !== size || $[20] !== t) {
 		t12 = pageSizeOptions && onPageSizeChange ? /* @__PURE__ */ jsx(__Select, {
+			isBare: true,
 			qa: "PaginationPageSizeSelect",
 			size,
 			isDisabled,

package/dist/components/navigation/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","names":["useControlledState","filterBaseProps","OUTER_STYLES","tasty","forwardRef","useEvent","useFormatter","useI18n","BackwardIcon","ForwardIcon","LeftIcon","RightIcon","extractStyles","Button","Select","clampPage","getPageInfo","getPaginationRange","ForwardedRef","ReactElement","CubePaginationProps","CubeTablePageInfo","PaginationElement","qa","as","styles","display","flow","gap","placeItems","placeContent","Summary","preset","color","whiteSpace","Controls","Gap","width","height","userSelect","Pages","styleProps","NavButton","type","border","PageButton","formatRange","info","start","page","pageSize","end","total","Math","min","Pagination","props","ref","$","_c","pageProp","defaultPage","onPageChange","totalPages","totalPagesProp","pageSizeProp","defaultPageSize","pageSizeOptions","onPageSizeChange","t0","siblingCount","t1","boundaryCount","t2","size","t3","isDisabled","hasNextPage","isCompact","t4","summary","t5","labelFormatter","ariaLabel","pageSizeSelectStyles","mods","rest","undefined","t","formatNumber","setPageSize","v","setPage","isCountable","Number","MAX_SAFE_INTEGER","from","to","goTo","next","clamped","max","t6","value","onPageSizeSelectionChange","t7","value_0","onPageSelectionChange","pageItems","selectEntries","Array","length","_temp","isFirst","isLast","t8","summaryNode","renderPageControl","String","map","entry","entryInfo","label","entry_0","index","showEdgeButtons","t9","eventProps","t10","t11","t12","option","label_0","t13","t14","Symbol","for","t15","t16","t17","t18","t19","t20","t21","t22","_","i","_Pagination","displayName"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n qa: 'Pagination',\n as: 'nav',\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center',\n placeContent: 'start',\n\n Summary: {\n // Follows the control's size rather than being fixed, so the summary\n // matches whatever the buttons beside it are.\n preset: { '': 't3', 'size=xsmall': 't4' },\n color: '#dark-03',\n whiteSpace: 'nowrap',\n },\n\n Controls: {\n display: 'flex',\n flow: 'row',\n gap: '.5x',\n placeItems: 'center',\n },\n\n Gap: {\n display: 'grid',\n placeItems: 'center',\n width: 'min $gap-size',\n height: '$gap-size',\n preset: 't3',\n color: '#dark-04',\n userSelect: 'none',\n },\n\n /*\n The page numbers sit tighter than the nav buttons around them: they read\n * as one run of pages, not as separate controls, and a hairline is enough\n * to keep the current page's outline off its neighbours.\n /\n Pages: {\n display: 'flex',\n flow: 'row',\n gap: '1bw',\n placeItems: 'center',\n },\n\n '$gap-size': {\n '': '$size-sm',\n 'size=xsmall': '$size-xs',\n 'size=medium': '$size-md',\n },\n },\n styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n type: 'clear',\n styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n const start = (info.page - 1) info.pageSize + 1;\n const end =\n info.total > 0\n ? Math.min(info.page * info.pageSize, info.total)\n : info.page * info.pageSize;\n\n return `${start}–${end}`;\n}\n\nfunction Pagination(\n props: CubePaginationProps,\n ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n const {\n page: pageProp,\n defaultPage,\n onPageChange,\n totalPages: totalPagesProp,\n total,\n pageSize: pageSizeProp,\n defaultPageSize,\n pageSizeOptions,\n onPageSizeChange,\n type = 'numbers',\n siblingCount = 1,\n boundaryCount = 1,\n size = 'small',\n isDisabled,\n hasNextPage,\n isCompact = false,\n summary = false,\n labelFormatter,\n ariaLabel,\n pageSizeSelectStyles,\n qa,\n mods,\n ...rest\n } = props;\n\n const { t } = useI18n();\n const { formatNumber } = useFormatter();\n\n const [pageSize, setPageSize] = useControlledState<number>(\n pageSizeProp as number,\n defaultPageSize ?? 50,\n onPageSizeChange as (v: number) => void,\n );\n const [page, setPage] = useControlledState<number>(\n pageProp as number,\n defaultPage ?? 1,\n onPageChange as (v: number) => void,\n );\n\n // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n // The page must NOT be clamped in that mode — there is nothing to clamp to.\n const isCountable = totalPagesProp != null \|\| total != null;\n\n const info: CubeTablePageInfo = isCountable\n ? getPageInfo({\n page,\n pageSize,\n total: total ?? 0,\n totalPages: totalPagesProp,\n })\n : {\n page: clampPage(page, Number.MAX_SAFE_INTEGER),\n pageSize,\n totalPages: 0,\n total: 0,\n from: 0,\n to: 0,\n };\n\n const { totalPages } = info;\n\n const goTo = useEvent((next: number) => {\n const clamped = isCountable\n ? clampPage(next, totalPages)\n : Math.max(next, 1);\n\n if (clamped !== info.page) setPage(clamped);\n });\n\n const onPageSizeSelectionChange = useEvent((value: any) => {\n setPageSize(Number(value));\n setPage(1);\n });\n\n const onPageSelectionChange = useEvent((value: any) => {\n goTo(Number(value));\n });\n\n const pageItems =\n type === 'numbers' && isCountable\n ? getPaginationRange({\n page: info.page,\n totalPages,\n siblingCount,\n boundaryCount,\n })\n : [];\n\n // `type=\"select\"` materializes one entry per page, so it is only safe for\n // small page counts. Above the cap we fall back to `compact`, which reads the\n // same but renders a single label.\n const selectEntries =\n type === 'select' && isCountable && totalPages <= 200\n ? Array.from({ length: totalPages }, (_, i) => i + 1)\n : null;\n\n const isFirst = info.page <= 1;\n const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n const styles = extractStyles(props, OUTER_STYLES);\n\n const summaryNode =\n summary === false\n ? null\n : typeof summary === 'function'\n ? summary(info)\n : info.total > 0\n ? // Numbers are formatted here rather than left to i18next, which\n // interpolates them raw (\"1204\", not \"1,204\").\n t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n from: formatNumber(info.from),\n to: formatNumber(info.to),\n total: formatNumber(info.total),\n })\n : null;\n\n function renderPageControl() {\n if (selectEntries) {\n return (\n <Select\n qa=\"PaginationPageSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.selectPage', 'Select page')}\n selectedKey={String(info.page)}\n width=\"min 15x\"\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSelectionChange}\n >\n {selectEntries.map((entry) => {\n const entryInfo = { ...info, page: entry };\n const label =\n labelFormatter?.(entryInfo) ??\n (info.total > 0\n ? formatRange(entryInfo)\n : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n return (\n <Select.Item key={entry} textValue={String(label)}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n );\n }\n\n if (type === 'numbers' && pageItems.length > 0) {\n return (\n <div data-element=\"Pages\">\n {pageItems.map((entry, index) =>\n entry === 'gap' ? (\n <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n {'…'}\n </div>\n ) : (\n <PageButton\n key={entry}\n qa={`PaginationPage_${entry}`}\n size={size}\n type={entry === info.page ? 'outline' : 'clear'}\n isDisabled={isDisabled}\n aria-label={t('pagination.page', 'Page {{page}}', {\n page: entry,\n })}\n aria-current={entry === info.page ? 'page' : undefined}\n onPress={() => goTo(entry)}\n >\n {entry}\n </PageButton>\n ),\n )}\n </div>\n );\n }\n\n if (!isCountable) return null;\n\n return (\n <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n page: info.page,\n totalPages,\n })}\n </div>\n );\n }\n\n const showEdgeButtons = !isCompact && isCountable;\n\n return (\n <PaginationElement\n {...filterBaseProps(rest, { eventProps: true })}\n ref={ref}\n qa={qa \|\| 'Pagination'}\n styles={styles}\n mods={{ size, ...mods }}\n aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n >\n {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n {pageSizeOptions && onPageSizeChange ? (\n <Select\n qa=\"PaginationPageSizeSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.itemsPerPage', 'Items per page')}\n selectedKey={String(pageSize)}\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSizeSelectionChange}\n >\n {pageSizeOptions.map((option) => {\n const label = t(\n 'pagination.itemsPerPageOption',\n '{{size}} / page',\n {\n size: option,\n },\n );\n\n return (\n <Select.Item key={option} textValue={label}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n ) : null}\n\n <div data-element=\"Controls\">\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationFirstButton\"\n size={size}\n icon={<BackwardIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.firstPage', 'First page')}\n onPress={() => goTo(1)}\n />\n ) : null}\n\n <NavButton\n qa=\"PaginationPrevButton\"\n size={size}\n icon={<LeftIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.previousPage', 'Previous page')}\n onPress={() => goTo(info.page - 1)}\n />\n\n {renderPageControl()}\n\n <NavButton\n qa=\"PaginationNextButton\"\n size={size}\n icon={<RightIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.nextPage', 'Next page')}\n onPress={() => goTo(info.page + 1)}\n />\n\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationLastButton\"\n size={size}\n icon={<ForwardIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.lastPage', 'Last page')}\n onPress={() => goTo(totalPages)}\n />\n ) : null}\n </div>\n </PaginationElement>\n );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAMsB,oBAAoBnB,MAAM;CAC9BoB,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,cAAc;EAEdC,SAAS;GAGPC,QAAQ;IAAE,IAAI;IAAM,eAAe;IAAM;GACzCC,OAAO;GACPC,YAAY;GACb;EAEDC,UAAU;GACRT,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACb;EAEDO,KAAK;GACHV,SAAS;GACTG,YAAY;GACZQ,OAAO;GACPC,QAAQ;GACRN,QAAQ;GACRC,OAAO;GACPM,YAAY;GACb;EAODC,OAAO;GACLd,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACb;EAED,aAAa;GACX,IAAI;GACJ,eAAe;GACf,eAAe;GACjB;EACD;CACDY,YAAYvC;CACb,CAAC;AAEF,MAAMwC,YAAYvC,MAAMU,QAAQ;CAC9B8B,MAAM;CACNlB,QAAQ,EAAEmB,QAAQ,MAAK;CACxB,CAAC;AAIF,MAAMC,aAAa1C,MAAMU,QAAQ,EAC/B8B,MAAM,SACP,CAAC;AAEF,SAASG,YAAYC,MAAiC;AAOpD,QAAO,IANQA,KAAKE,OAAO,KAAKF,KAAKG,WAAW,EAMjC,GAJbH,KAAKK,QAAQ,IACTC,KAAKC,IAAIP,KAAKE,OAAOF,KAAKG,UAAUH,KAAKK,MAAM,GAC/CL,KAAKE,OAAOF,KAAKG;;AAKzB,SAAAK,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIE,MAAA,EAAAV,MAAAW,UAAAC,aAAAC,cAAAC,YAAAC,gBAAAZ,OAAAF,UAAAe,cAAAC,iBAAAC,iBAAAC,kBAAAzB,MAAA0B,IAAAC,cAAAC,IAAAC,eAAAC,IAAAC,MAAAC,IAAAC,YAAAC,aAAAC,WAAAC,IAAAC,SAAAC,IAAAC,gBAAAC,WAAAC,sBAAA7D,IAAA8D,MAAA,GAAAC,SAwBI9B;CAdF,MAAAb,OAAA0B,OAAAkB,SAAA,YAAAlB;CACA,MAAAC,eAAAC,OAAAgB,SAAA,IAAAhB;CACA,MAAAC,gBAAAC,OAAAc,SAAA,IAAAd;CACA,MAAAC,OAAAC,OAAAY,SAAA,UAAAZ;CAGA,MAAAG,YAAAC,OAAAQ,SAAA,QAAAR;CACA,MAAAC,UAAAC,OAAAM,SAAA,QAAAN;CASF,MAAA,EAAAO,MAAcjF,SAAS;CACvB,MAAA,EAAAkF,iBAAyBnF,cAAc;CAEvC,MAAA,CAAA4C,UAAAwC,eAAgC1F,mBAC9BiE,cACAC,mBAAA,IACAE,iBACD;CACD,MAAA,CAAAnB,MAAA2C,WAAwB5F,mBACtB4D,UACAC,eAAA,GACAC,aACD;CAID,MAAA+B,cAAoB7B,kBAAkB,QAAQZ,SAAS;CAEvD,MAAAL,OAAgC8C,cAC5B7E,YAAY;EAAAiC;EAAAC;EAAAE,OAGHA,SAAA;EAAUW,YACLC;EASd,CAAC,GAd2B;EAAAf,MAQpBlC,UAAUkC,MAAM6C,OAAMC,iBAAkB;EAAA7C;EAAAa,YAElC;EAACX,OACN;EAAC4C,MACF;EAACC,IACH;EACL;CAEL,MAAA,EAAAlC,eAAuBhB;CAEvB,MAAAmD,OAAa7F,UAAS8F,SAAA;EACpB,MAAAC,UAAgBP,cACZ9E,UAAUoF,MAAMpC,WACC,GAAjBV,KAAIgD,IAAKF,MAAM,EAAE;AAErB,MAAIC,YAAYrD,KAAIE,KAAO2C,SAAQQ,QAAQ;GAC3C;CAAC,IAAAE;AAAA,KAAA5C,EAAA,OAAAkC,WAAAlC,EAAA,OAAAgC,aAAA;AAEwCY,QAAAC,UAAA;AACzCb,eAAYI,OAAOS,MAAM,CAAC;AAC1BX,WAAQ,EAAE;;AACXlC,IAAA,KAAAkC;AAAAlC,IAAA,KAAAgC;AAAAhC,IAAA,KAAA4C;OAAAA,MAAA5C,EAAA;CAHD,MAAA8C,4BAAkCnG,SAASiG,GAGzC;CAAC,IAAAG;AAAA,KAAA/C,EAAA,OAAAwC,MAAA;AAEoCO,QAAAC,YAAA;AACrCR,QAAKJ,OAAOS,QAAM,CAAC;;AACpB7C,IAAA,KAAAwC;AAAAxC,IAAA,KAAA+C;OAAAA,MAAA/C,EAAA;CAFD,MAAAiD,wBAA8BtG,SAASoG,GAErC;CAEF,MAAAG,YACEjE,SAAS,aAATkD,cACI5E,mBAAmB;EAAAgC,MACXF,KAAIE;EAAKc;EAAAO;EAAAE;EAKhB,CAAC,GAPN,EAOM;CAKR,MAAAqC,gBACElE,SAAS,YAATkD,eAAoC9B,cAAc,MAC9C+C,MAAKd,KAAM,EAAAe,QAAUhD,YAAY,EAAEiD,MAC/B,GAFR;CAIF,MAAAC,UAAgBlE,KAAIE,QAAS;CAC7B,MAAAiE,SAAerB,cAAc9C,KAAIE,QAASc,aAA3B,CAAyCc;CAAY,IAAAsC;AAAA,KAAAzD,EAAA,OAAAF,OAAA;AAErD2D,OAAAvG,cAAc4C,OAAOtD,aAAa;AAAAwD,IAAA,KAAAF;AAAAE,IAAA,KAAAyD;OAAAA,MAAAzD,EAAA;CAAjD,MAAAjC,SAAe0F;CAEf,MAAAC,cACEpC,YAAY,QAAZ,OAEI,OAAOA,YAAY,aACjBA,QAAQjC,KASF,GARNA,KAAIK,QAAS,IAGXoC,EAAE,sBAAsB,gCAAgC;EAAAQ,MAChDP,aAAa1C,KAAIiD,KAAM;EAAAC,IACzBR,aAAa1C,KAAIkD,GAAI;EAAA7C,OAClBqC,aAAa1C,KAAIK,MAAM;EAE7B,CAAC,GARN;CAUR,MAAAiE,oBAAA,SAAAA,oBAAA;AACE,MAAIR,cAAa,QAEb,oBAAC;GACI,IAAA;GACGnC;GACME;GACA,cAAAY,EAAE,yBAAyB,cAAa;GACvC,aAAA8B,OAAOvE,KAAIE,KAAK;GACvB,OAAA;GACEmC,QAAAA;GACWuB,mBAAAA;aAElBE,cAAaU,KAAKC,UAAA;IACjB,MAAAC,YAAkB;KAAA,GAAK1E;KAAIE,MAAQuE;KAAO;IAC1C,MAAAE,QACExC,iBAAiBuC,UAG0C,KAF1D1E,KAAIK,QAAS,IACVN,YAAY2E,UAC0C,GAAtDjC,EAAE,mBAAmB,iBAAiB,EAAAvC,MAAQuE,OAAO,CAAE;AAAC,WAG5D,oBAAA,SAAA;KAAoC,WAAAF,OAAOI,MAAK;eAC7CA;OADeF,MAEJ;KAEjB;IACM;AAIb,MAAI7E,SAAS,aAAaiE,UAASG,SAAU,EAAC,QAE1C,oBAAA;GAAkB,gBAAA;aACfH,UAASW,KAAKI,SAAAC,UACbJ,YAAU,QACR,oBAAA;IAAuC,gBAAA;IAAkB,eAAA;cACtD;MADO,OAAOI,QAkBlB,GAdC,oBAAC;IAEK,IAAA,kBAAkBJ;IAChB9C;IACA,MAAA8C,YAAUzE,KAAIE,OAAd,YAAA;IACM2B;IACA,cAAAY,EAAE,mBAAmB,iBAAiB,EAAAvC,MAC1CuE,SACP,CAAA;IACa,gBAAAA,YAAUzE,KAAIE,OAAd,SAAAsC;IACL,eAAMW,KAAKsB,QAAK;cAExBA;MAXIA,QAcX,CAAA;IACI;AAIV,MAAI,CAAC3B,YAAW,QAAS;AAAK,SAG5B,oBAAA;GAAkB,gBAAA;GAAkB,WAAA;aACjCL,EAAE,qBAAqB,8BAA8B;IAAAvC,MAC9CF,KAAIE;IAAKc;IAEhB,CAAA;IACG;;CAIV,MAAA8D,kBAAwB,CAAC/C,aAADe;CAIhB,MAAAiC,KAAA7H,gBAAgBqF,MAAM,EAAAyC,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAtE,EAAA,OAAA2B,QAAA3B,EAAA,OAAAgB,MAAA;AAIzCsD,QAAA;GAAAtD;GAAA,GAAWW;GAAM;AAAA3B,IAAA,KAAA2B;AAAA3B,IAAA,KAAAgB;AAAAhB,IAAA,KAAAsE;OAAAA,OAAAtE,EAAA;CAAA,IAAAuE;AAAA,KAAAvE,EAAA,QAAAyB,aAAAzB,EAAA,QAAA8B,GAAA;AACXyC,QAAA9C,aAAaK,EAAE,wBAAwB,aAAa;AAAA9B,IAAA,MAAAyB;AAAAzB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAuE;OAAAA,OAAAvE,EAAA;CAAA,IAAAwE;AAAA,KAAAxE,EAAA,QAAAkB,cAAAlB,EAAA,QAAAU,oBAAAV,EAAA,QAAA8C,6BAAA9C,EAAA,QAAAR,YAAAQ,EAAA,QAAAS,mBAAAT,EAAA,QAAA0B,wBAAA1B,EAAA,QAAAgB,QAAAhB,EAAA,QAAA8B,GAAA;AAI/D0C,QAAA/D,mBAAAC,mBACC,oBAAC;GACI,IAAA;GACGM;GACME;GACA,cAAAY,EAAE,2BAA2B,iBAAgB;GAC5C,aAAA8B,OAAOpE,SAAQ;GACpBkC,QAAAA;GACWoB,mBAAAA;aAElBrC,gBAAeoD,KAAKY,WAAA;IACnB,MAAAC,UAAc5C,EACZ,iCACA,mBACA,EAAAd,MACQyD,QAEV,CAAC;AAAC,WAGA,oBAAA,SAAA;KAAqCT,WAAAA;eAClCA;OADeS,OAEJ;KAEjB;IAEG,GA1BP;AA0BOzE,IAAA,MAAAkB;AAAAlB,IAAA,MAAAU;AAAAV,IAAA,MAAA8C;AAAA9C,IAAA,MAAAR;AAAAQ,IAAA,MAAAS;AAAAT,IAAA,MAAA0B;AAAA1B,IAAA,MAAAgB;AAAAhB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAwE;OAAAA,OAAAxE,EAAA;CAAA,IAAA2E;AAAA,KAAA3E,EAAA,QAAAwC,QAAAxC,EAAA,QAAAkB,cAAAlB,EAAA,QAAAuD,WAAAvD,EAAA,QAAAmE,mBAAAnE,EAAA,QAAAgB,QAAAhB,EAAA,QAAA8B,GAAA;AAGL6C,QAAAR,kBACC,oBAAC;GACI,IAAA;GACGnD;GACA,MAAA,oBAAC,iBAAc;GACT,YAAAuC,WAAArC;GACA,cAAAY,EAAE,wBAAwB,aAAY;GACzC,eAAMU,KAAK,EAAC;IAEjB,GATP;AASOxC,IAAA,MAAAwC;AAAAxC,IAAA,MAAAkB;AAAAlB,IAAA,MAAAuD;AAAAvD,IAAA,MAAAmE;AAAAnE,IAAA,MAAAgB;AAAAhB,IAAA,MAAA8B;AAAA9B,IAAA,MAAA2E;OAAAA,OAAA3E,EAAA;CAAA,IAAA4E;AAAA,KAAA5E,EAAA,QAAA6E,OAAAC,IAAA,4BAAA,EAAA;AAKAF,QAAA,oBAAC,aAAW;AAAA5E,IAAA,MAAA4E;OAAAA,OAAA5E,EAAA;CAAA,IAAA+E;AAAA,KAAA/E,EAAA,QAAA8B,GAAA;AAENiD,QAAAjD,EAAE,2BAA2B,gBAAgB;AAAA9B,IAAA,MAAA8B;AAAA9B,IAAA,MAAA+E;OAAAA,OAAA/E,EAAA;CAI1D,MAAAgF,MAAArB,mBAAmB;CAAA,IAAAsB;AAAA,KAAAjF,EAAA,QAAA6E,OAAAC,IAAA,4BAAA,EAAA;AAKZG,QAAA,oBAAC,cAAY;AAAAjF,IAAA,MAAAiF;OAAAA,OAAAjF,EAAA;CACP,MAAAkF,MAAA1B,UAAAtC;CAAoB,IAAAiE;AAAA,KAAAnF,EAAA,QAAA8B,GAAA;AACpBqD,QAAArD,EAAE,uBAAuB,YAAY;AAAA9B,IAAA,MAAA8B;AAAA9B,IAAA,MAAAmF;OAAAA,OAAAnF,EAAA;CAAA,IAAAoF;AAAA,KAAApF,EAAA,QAAAwC,QAAAxC,EAAA,QAAAX,KAAAE,MAAA;AACxC6F,cAAM5C,KAAKnD,KAAIE,OAAQ,EAAE;AAAAS,IAAA,MAAAwC;AAAAxC,IAAA,MAAAX,KAAAE;AAAAS,IAAA,MAAAoF;OAAAA,OAAApF,EAAA;CAAA,IAAAqF;AAAA,KAAArF,EAAA,QAAAgB,QAAAhB,EAAA,QAAAkF,OAAAlF,EAAA,QAAAmF,OAAAnF,EAAA,QAAAoF,KAAA;AANpCC,QAAA,oBAAC;GACI,IAAA;GACGrE;GACA,MAAAiE;GACM,YAAAC;GACA,cAAAC;GACH,SAAAC;IACT;AAAApF,IAAA,MAAAgB;AAAAhB,IAAA,MAAAkF;AAAAlF,IAAA,MAAAmF;AAAAnF,IAAA,MAAAoF;AAAApF,IAAA,MAAAqF;OAAAA,OAAArF,EAAA;CAAA,IAAAsF;AAAA,KAAAtF,EAAA,QAAAwC,QAAAxC,EAAA,QAAAkB,cAAAlB,EAAA,QAAAwD,UAAAxD,EAAA,QAAAmE,mBAAAnE,EAAA,QAAAgB,QAAAhB,EAAA,QAAA8B,KAAA9B,EAAA,QAAAK,YAAA;AAEDiF,QAAAnB,kBACC,oBAAC;GACI,IAAA;GACGnD;GACA,MAAA,oBAAC,gBAAa;GACR,YAAAwC,UAAAtC;GACA,cAAAY,EAAE,uBAAuB,YAAW;GACvC,eAAMU,KAAKnC,WAAU;IAE1B,GATP;AASOL,IAAA,MAAAwC;AAAAxC,IAAA,MAAAkB;AAAAlB,IAAA,MAAAwD;AAAAxD,IAAA,MAAAmE;AAAAnE,IAAA,MAAAgB;AAAAhB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAK;AAAAL,IAAA,MAAAsF;OAAAA,OAAAtF,EAAA;AAAA,QA/EZ,qBAAC;EAAiB,GACZoE;EACCrE;EACD,IAAAlC,MAAA;EACIE;EACF,MAAAuG;EACM,cAAAC;;GAEXb,cAAc,oBAAA;IAAkB,gBAAA;cAAWA;KAAyB,GAApE;GAEAc;GA4BD,qBAAA;IAAkB,gBAAA;;KACfG;KAWD,oBAAC;MACI,IAAA;MACG3D;MACA,MAAA4D;MACM,YAAArB,WAAArC;MACA,cAAA6D;MACH,eAAMvC,KAAKnD,KAAIE,OAAQ,EAAC;OAGlC;KAAAyF;KAEDK;KASCC;;KAWL;;GAAoB;;AArRxB,SAAAhC,MAAAiC,GAAAC,GAAA;AAAA,QAkGqDA,IAAI;;AAuLzD,MAAMC,cAAc/I,WAAWmD,WAAW;AAE1C4F,YAAYC,cAAc"}
1	+ {"version":3,"file":"Pagination.js","names":["useControlledState","filterBaseProps","OUTER_STYLES","tasty","forwardRef","useEvent","useFormatter","useI18n","BackwardIcon","ForwardIcon","LeftIcon","RightIcon","extractStyles","Button","Select","clampPage","getPageInfo","getPaginationRange","ForwardedRef","ReactElement","CubePaginationProps","CubeTablePageInfo","PaginationElement","qa","as","styles","display","flow","gap","placeItems","placeContent","Summary","preset","color","whiteSpace","Controls","Gap","width","height","userSelect","Pages","styleProps","NavButton","type","border","PageButton","formatRange","info","start","page","pageSize","end","total","Math","min","Pagination","props","ref","$","_c","pageProp","defaultPage","onPageChange","totalPages","totalPagesProp","pageSizeProp","defaultPageSize","pageSizeOptions","onPageSizeChange","t0","siblingCount","t1","boundaryCount","t2","size","t3","isDisabled","hasNextPage","isCompact","t4","summary","t5","labelFormatter","ariaLabel","pageSizeSelectStyles","mods","rest","undefined","t","formatNumber","setPageSize","v","setPage","isCountable","Number","MAX_SAFE_INTEGER","from","to","goTo","next","clamped","max","t6","value","onPageSizeSelectionChange","t7","value_0","onPageSelectionChange","pageItems","selectEntries","Array","length","_temp","isFirst","isLast","t8","summaryNode","renderPageControl","String","map","entry","entryInfo","label","entry_0","index","showEdgeButtons","t9","eventProps","t10","t11","t12","option","label_0","t13","t14","Symbol","for","t15","t16","t17","t18","t19","t20","t21","t22","_","i","_Pagination","displayName"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n qa: 'Pagination',\n as: 'nav',\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center',\n placeContent: 'start',\n\n Summary: {\n // Follows the control's size rather than being fixed, so the summary\n // matches whatever the buttons beside it are.\n preset: { '': 't3', 'size=xsmall': 't4' },\n color: '#dark-03',\n whiteSpace: 'nowrap',\n },\n\n Controls: {\n display: 'flex',\n flow: 'row',\n gap: '.5x',\n placeItems: 'center',\n },\n\n Gap: {\n display: 'grid',\n placeItems: 'center',\n width: 'min $gap-size',\n height: '$gap-size',\n preset: 't3',\n color: '#dark-04',\n userSelect: 'none',\n },\n\n /*\n The page numbers sit tighter than the nav buttons around them: they read\n * as one run of pages, not as separate controls, and a hairline is enough\n * to keep the current page's outline off its neighbours.\n /\n Pages: {\n display: 'flex',\n flow: 'row',\n gap: '1bw',\n placeItems: 'center',\n },\n\n '$gap-size': {\n '': '$size-sm',\n 'size=xsmall': '$size-xs',\n 'size=medium': '$size-md',\n },\n },\n styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n type: 'clear',\n styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n const start = (info.page - 1) info.pageSize + 1;\n const end =\n info.total > 0\n ? Math.min(info.page * info.pageSize, info.total)\n : info.page * info.pageSize;\n\n return `${start}–${end}`;\n}\n\nfunction Pagination(\n props: CubePaginationProps,\n ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n const {\n page: pageProp,\n defaultPage,\n onPageChange,\n totalPages: totalPagesProp,\n total,\n pageSize: pageSizeProp,\n defaultPageSize,\n pageSizeOptions,\n onPageSizeChange,\n type = 'numbers',\n siblingCount = 1,\n boundaryCount = 1,\n size = 'small',\n isDisabled,\n hasNextPage,\n isCompact = false,\n summary = false,\n labelFormatter,\n ariaLabel,\n pageSizeSelectStyles,\n qa,\n mods,\n ...rest\n } = props;\n\n const { t } = useI18n();\n const { formatNumber } = useFormatter();\n\n const [pageSize, setPageSize] = useControlledState<number>(\n pageSizeProp as number,\n defaultPageSize ?? 50,\n onPageSizeChange as (v: number) => void,\n );\n const [page, setPage] = useControlledState<number>(\n pageProp as number,\n defaultPage ?? 1,\n onPageChange as (v: number) => void,\n );\n\n // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n // The page must NOT be clamped in that mode — there is nothing to clamp to.\n const isCountable = totalPagesProp != null \|\| total != null;\n\n const info: CubeTablePageInfo = isCountable\n ? getPageInfo({\n page,\n pageSize,\n total: total ?? 0,\n totalPages: totalPagesProp,\n })\n : {\n page: clampPage(page, Number.MAX_SAFE_INTEGER),\n pageSize,\n totalPages: 0,\n total: 0,\n from: 0,\n to: 0,\n };\n\n const { totalPages } = info;\n\n const goTo = useEvent((next: number) => {\n const clamped = isCountable\n ? clampPage(next, totalPages)\n : Math.max(next, 1);\n\n if (clamped !== info.page) setPage(clamped);\n });\n\n const onPageSizeSelectionChange = useEvent((value: any) => {\n setPageSize(Number(value));\n setPage(1);\n });\n\n const onPageSelectionChange = useEvent((value: any) => {\n goTo(Number(value));\n });\n\n const pageItems =\n type === 'numbers' && isCountable\n ? getPaginationRange({\n page: info.page,\n totalPages,\n siblingCount,\n boundaryCount,\n })\n : [];\n\n // `type=\"select\"` materializes one entry per page, so it is only safe for\n // small page counts. Above the cap we fall back to `compact`, which reads the\n // same but renders a single label.\n const selectEntries =\n type === 'select' && isCountable && totalPages <= 200\n ? Array.from({ length: totalPages }, (_, i) => i + 1)\n : null;\n\n const isFirst = info.page <= 1;\n const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n const styles = extractStyles(props, OUTER_STYLES);\n\n const summaryNode =\n summary === false\n ? null\n : typeof summary === 'function'\n ? summary(info)\n : info.total > 0\n ? // Numbers are formatted here rather than left to i18next, which\n // interpolates them raw (\"1204\", not \"1,204\").\n t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n from: formatNumber(info.from),\n to: formatNumber(info.to),\n total: formatNumber(info.total),\n })\n : null;\n\n function renderPageControl() {\n if (selectEntries) {\n return (\n <Select\n isBare\n qa=\"PaginationPageSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.selectPage', 'Select page')}\n selectedKey={String(info.page)}\n width=\"min 15x\"\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSelectionChange}\n >\n {selectEntries.map((entry) => {\n const entryInfo = { ...info, page: entry };\n const label =\n labelFormatter?.(entryInfo) ??\n (info.total > 0\n ? formatRange(entryInfo)\n : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n return (\n <Select.Item key={entry} textValue={String(label)}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n );\n }\n\n if (type === 'numbers' && pageItems.length > 0) {\n return (\n <div data-element=\"Pages\">\n {pageItems.map((entry, index) =>\n entry === 'gap' ? (\n <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n {'…'}\n </div>\n ) : (\n <PageButton\n key={entry}\n qa={`PaginationPage_${entry}`}\n size={size}\n type={entry === info.page ? 'outline' : 'clear'}\n isDisabled={isDisabled}\n aria-label={t('pagination.page', 'Page {{page}}', {\n page: entry,\n })}\n aria-current={entry === info.page ? 'page' : undefined}\n onPress={() => goTo(entry)}\n >\n {entry}\n </PageButton>\n ),\n )}\n </div>\n );\n }\n\n if (!isCountable) return null;\n\n return (\n <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n page: info.page,\n totalPages,\n })}\n </div>\n );\n }\n\n const showEdgeButtons = !isCompact && isCountable;\n\n return (\n <PaginationElement\n {...filterBaseProps(rest, { eventProps: true })}\n ref={ref}\n qa={qa \|\| 'Pagination'}\n styles={styles}\n mods={{ size, ...mods }}\n aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n >\n {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n {pageSizeOptions && onPageSizeChange ? (\n <Select\n isBare\n qa=\"PaginationPageSizeSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.itemsPerPage', 'Items per page')}\n selectedKey={String(pageSize)}\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSizeSelectionChange}\n >\n {pageSizeOptions.map((option) => {\n const label = t(\n 'pagination.itemsPerPageOption',\n '{{size}} / page',\n {\n size: option,\n },\n );\n\n return (\n <Select.Item key={option} textValue={label}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n ) : null}\n\n <div data-element=\"Controls\">\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationFirstButton\"\n size={size}\n icon={<BackwardIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.firstPage', 'First page')}\n onPress={() => goTo(1)}\n />\n ) : null}\n\n <NavButton\n qa=\"PaginationPrevButton\"\n size={size}\n icon={<LeftIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.previousPage', 'Previous page')}\n onPress={() => goTo(info.page - 1)}\n />\n\n {renderPageControl()}\n\n <NavButton\n qa=\"PaginationNextButton\"\n size={size}\n icon={<RightIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.nextPage', 'Next page')}\n onPress={() => goTo(info.page + 1)}\n />\n\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationLastButton\"\n size={size}\n icon={<ForwardIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.lastPage', 'Last page')}\n onPress={() => goTo(totalPages)}\n />\n ) : null}\n </div>\n </PaginationElement>\n );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":"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"}

package/dist/components/navigation/Pagination/use-pagination.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useControlledState } from "@react-stately/utils";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 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.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
@@ -99,6 +99,7 @@ function TabPicker(t0) {
 	let t11;
 	if ($[20] !== isReorderable || $[21] !== onReorder || $[22] !== pickerSize || $[23] !== selectedKey || $[24] !== t10 || $[25] !== t4 || $[26] !== t6 || $[27] !== t8 || $[28] !== t9) {
 		t11 = /* @__PURE__ */ jsx(FilterPicker, {
+			isBare: true,
 			selectedKey,
 			renderSummary: false,
 			icon: t3,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TabPicker.js","names":["useI18n","CloseIcon","MoreIcon","ItemAction","FilterPicker","POPOVER_PLACEMENT_BY_TABS_PLACEMENT","ParsedTab","TabPlacement","TabSize","TabType","TabPickerProps","tabs","selectedKey","onSelect","key","onDelete","size","type","placement","isReorderable","onReorder","newOrder","TabPicker","t0","$","_c","t1","t2","undefined","t","isDeletable","pickerSize","showBorderDivider","isVertical","t3","Symbol","for","t4","t5","t6","border","t7","t8","t9","String","t10","t11","tab","icon","tooltip","title","map"],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n /** Ordered list of parsed tabs to display in the picker /\n tabs: ParsedTab[];\n /* Currently selected tab key /\n selectedKey: string \| null;\n /* Callback when a tab is selected from the picker /\n onSelect: (key: string) => void;\n /* Callback when a tab should be deleted. When provided, shows delete action on items. /\n onDelete?: (key: string) => void;\n /* Size of the picker trigger button /\n size?: TabSize;\n /* Type of the parent Tabs component (for border styling) /\n type?: TabType;\n /* Placement of the parent Tabs component (controls divider + popover placement) /\n placement?: TabPlacement;\n /* Enable drag-and-drop reordering of items in the picker dropdown /\n isReorderable?: boolean;\n /* Callback when items are reordered via drag-and-drop /\n onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/\n Tab picker component that displays a dropdown menu of all tabs.\n \n Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n tabs,\n selectedKey,\n onSelect,\n onDelete,\n size,\n type = 'default',\n placement = 'top',\n isReorderable,\n onReorder,\n}: TabPickerProps) {\n const { t } = useI18n();\n const isDeletable = !!onDelete;\n\n // Map TabSize to FilterPicker size (xsmall -> small)\n const pickerSize = size === 'xsmall' ? 'small' : size;\n\n // Only show border divider for file type\n const showBorderDivider = type === 'file';\n const isVertical = placement === 'left' \|\| placement === 'right';\n\n return (\n <FilterPicker\n selectedKey={selectedKey}\n renderSummary={false}\n icon={<MoreIcon />}\n rightIcon={null}\n shape=\"sharp\"\n type=\"clear\"\n size={pickerSize}\n placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n // relative to Suffix container, not the internal DialogTrigger. The\n // divider side flips with the bar's orientation.\n styles={{\n border: showBorderDivider\n ? {\n '': 0,\n '!:first-child': isVertical ? 'top' : 'left',\n }\n : 0,\n }}\n triggerStyles={{ border: 0 }}\n aria-label={t('tabs.selectTab', 'Select tab')}\n isReorderable={isReorderable}\n onReorder={onReorder}\n onSelectionChange={(key) => {\n if (key != null) {\n onSelect(String(key));\n }\n }}\n >\n {tabs.map((tab) => (\n <FilterPicker.Item\n key={tab.key}\n icon={tab.icon}\n tooltip={tab.tooltip}\n textValue={\n typeof tab.title === 'string' ? tab.title : String(tab.key)\n }\n autoHideActions={isDeletable}\n actions={\n isDeletable ? (\n <ItemAction\n icon={<CloseIcon />}\n aria-label={t('tabs.close', 'Close')}\n onPress={() => {\n onDelete(tab.key);\n }}\n />\n ) : undefined\n }\n >\n {tab.title}\n </FilterPicker.Item>\n ))}\n </FilterPicker>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA6CA,SAAOsB,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAmB,MAAA,EAAAd,MAAAC,aAAAC,UAAAE,UAAAC,MAAAC,MAAAS,IAAAR,WAAAS,IAAAR,eAAAC,cAAAG;CAMxB,MAAAN,OAAAS,OAAAE,SAAA,YAAAF;CACA,MAAAR,YAAAS,OAAAC,SAAA,QAAAD;CAIA,MAAA,EAAAE,MAAc7B,SAAS;CACvB,MAAA8B,cAAoB,CAAC,CAACf;CAGtB,MAAAgB,aAAmBf,SAAS,WAAT,UAAAA;CAGnB,MAAAgB,oBAA0Bf,SAAS;CACnC,MAAAgB,aAAmBf,cAAc,UAAUA,cAAc;CAAQ,IAAAgB;AAAA,KAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;~~AAMvDF~~,OAAA,oBAAC,aAAW;AAAAV,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAKP,MAAAa,KAAAhC,oCAAoCa;CAAU,IAAAoB;AAAA,KAAAd,EAAA,OAAAS,cAAAT,EAAA,OAAAQ,mBAAA;AAK/CM,OAAAN,oBAAA;GAAA,IAEE;GAAC,iBACYC,aAAA,QAAA;GAElB,GALG;AAKHT,IAAA,KAAAS;AAAAT,IAAA,KAAAQ;AAAAR,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAc,IAAA;AANCC,OAAA,EAAAC,QACEF,IAMT;AAAAd,IAAA,KAAAc;AAAAd,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AACcK,OAAA,EAAAD,QAAU,GAAG;AAAAhB,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAK,GAAA;AAChBa,OAAAb,EAAE,kBAAkB,aAAa;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAX,UAAA;AAG1B8B,QAAA7B,QAAA;AACjB,OAAIA,OAAO,KACTD,UAAS+B,OAAO9B,IAAI,CAAC;;AAExBU,IAAA,KAAAX;AAAAW,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAM,eAAAN,EAAA,QAAAT,YAAAS,EAAA,QAAAK,KAAAL,EAAA,QAAAb,MAAA;EAAA,IAAAmC;AAAA,MAAAtB,EAAA,QAAAM,eAAAN,EAAA,QAAAT,YAAAS,EAAA,QAAAK,GAAA;AAESiB,UAAAC,QACR,oBAAA,aAAA;IAEQ,MAAAA,IAAGC;IACA,SAAAD,IAAGE;IAEV,WAAA,OAAOF,IAAGG,UAAW,WAAWH,IAAGG,QAASN,OAAOG,IAAGjC,IAAI;IAE3CgB,iBAAAA;IAEf,SAAAA,cACE,oBAAC;KACO,MAAA,oBAAC,cAAW;KACN,cAAAD,EAAE,cAAc,QAAO;KAC1B,eAAA;AACPd,eAASgC,IAAGjC,IAAK;;MAGV,GARbc;cAWDmB,IAAGG;MAnBCH,IAAGjC,IAqBX;AAAAU,KAAA,MAAAM;AAAAN,KAAA,MAAAT;AAAAS,KAAA,MAAAK;AAAAL,KAAA,MAAAsB;QAAAA,OAAAtB,EAAA;AAvBAqB,QAAAlC,KAAIwC,IAAKL,IAuBR;AAAAtB,IAAA,MAAAM;AAAAN,IAAA,MAAAT;AAAAS,IAAA,MAAAK;AAAAL,IAAA,MAAAb;AAAAa,IAAA,MAAAqB;OAAAA,OAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,aAAAI,EAAA,QAAAO,cAAAP,EAAA,QAAAZ,eAAAY,EAAA,QAAAqB,OAAArB,EAAA,QAAAa,MAAAb,EAAA,QAAAe,MAAAf,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;~~AArDJG~~,QAAA,oBAAC;~~GACclC~~;GACE,eAAA;GACT,MAAAsB;GACK,WAAA;GACL,OAAA;GACD,MAAA;GACCH,MAAAA;GACK,WAAAM;GAIH,QAAAE;GAQO,eAAAE;GACH,cAAAC;GACGvB;GACJC;GACQ,mBAAAuB;aAMlBE;IAwBY;AAAArB,IAAA,MAAAL;AAAAK,IAAA,MAAAJ;AAAAI,IAAA,MAAAO;AAAAP,IAAA,MAAAZ;AAAAY,IAAA,MAAAqB;AAAArB,IAAA,MAAAa;AAAAb,IAAA,MAAAe;AAAAf,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAsB;OAAAA,OAAAtB,EAAA;AAAA,~~QAtDfsB~~"}
1	+ {"version":3,"file":"TabPicker.js","names":["useI18n","CloseIcon","MoreIcon","ItemAction","FilterPicker","POPOVER_PLACEMENT_BY_TABS_PLACEMENT","ParsedTab","TabPlacement","TabSize","TabType","TabPickerProps","tabs","selectedKey","onSelect","key","onDelete","size","type","placement","isReorderable","onReorder","newOrder","TabPicker","t0","$","_c","t1","t2","undefined","t","isDeletable","pickerSize","showBorderDivider","isVertical","t3","Symbol","for","t4","t5","t6","border","t7","t8","t9","String","t10","t11","tab","icon","tooltip","title","map"],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n /** Ordered list of parsed tabs to display in the picker /\n tabs: ParsedTab[];\n /* Currently selected tab key /\n selectedKey: string \| null;\n /* Callback when a tab is selected from the picker /\n onSelect: (key: string) => void;\n /* Callback when a tab should be deleted. When provided, shows delete action on items. /\n onDelete?: (key: string) => void;\n /* Size of the picker trigger button /\n size?: TabSize;\n /* Type of the parent Tabs component (for border styling) /\n type?: TabType;\n /* Placement of the parent Tabs component (controls divider + popover placement) /\n placement?: TabPlacement;\n /* Enable drag-and-drop reordering of items in the picker dropdown /\n isReorderable?: boolean;\n /* Callback when items are reordered via drag-and-drop /\n onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/\n Tab picker component that displays a dropdown menu of all tabs.\n \n Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n tabs,\n selectedKey,\n onSelect,\n onDelete,\n size,\n type = 'default',\n placement = 'top',\n isReorderable,\n onReorder,\n}: TabPickerProps) {\n const { t } = useI18n();\n const isDeletable = !!onDelete;\n\n // Map TabSize to FilterPicker size (xsmall -> small)\n const pickerSize = size === 'xsmall' ? 'small' : size;\n\n // Only show border divider for file type\n const showBorderDivider = type === 'file';\n const isVertical = placement === 'left' \|\| placement === 'right';\n\n return (\n <FilterPicker\n isBare\n selectedKey={selectedKey}\n renderSummary={false}\n icon={<MoreIcon />}\n rightIcon={null}\n shape=\"sharp\"\n type=\"clear\"\n size={pickerSize}\n placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n // relative to Suffix container, not the internal DialogTrigger. The\n // divider side flips with the bar's orientation.\n styles={{\n border: showBorderDivider\n ? {\n '': 0,\n '!:first-child': isVertical ? 'top' : 'left',\n }\n : 0,\n }}\n triggerStyles={{ border: 0 }}\n aria-label={t('tabs.selectTab', 'Select tab')}\n isReorderable={isReorderable}\n onReorder={onReorder}\n onSelectionChange={(key) => {\n if (key != null) {\n onSelect(String(key));\n }\n }}\n >\n {tabs.map((tab) => (\n <FilterPicker.Item\n key={tab.key}\n icon={tab.icon}\n tooltip={tab.tooltip}\n textValue={\n typeof tab.title === 'string' ? tab.title : String(tab.key)\n }\n autoHideActions={isDeletable}\n actions={\n isDeletable ? (\n <ItemAction\n icon={<CloseIcon />}\n aria-label={t('tabs.close', 'Close')}\n onPress={() => {\n onDelete(tab.key);\n }}\n />\n ) : undefined\n }\n >\n {tab.title}\n </FilterPicker.Item>\n ))}\n </FilterPicker>\n );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | 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.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 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.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | 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.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | 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.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | 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.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | 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.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react/compiler-runtime";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { c } from "react/compiler-runtime";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/overlays/Dialog/ModernDialogForm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/Dialog/context.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";

package/dist/components/overlays/Dialog/default-button-text.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 //#region src/components/overlays/Dialog/default-button-text.ts
 /**
 * Gives a dialog's built-in button its default text without overriding the

package/dist/components/overlays/Dialog/use-content-overflow.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

package/dist/components/overlays/Modal/Modal.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { ModalContainmentProvider, useModalContainment } from "./modal-containment.js";

package/dist/components/overlays/Modal/OpenTransitionContext.js CHANGED Viewed

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

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

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77836fa | Cube Dev Team */
 import { markFocusRestoreWindow } from "../../../utils/react/programmaticFocus.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
+import { ButtonSplitContext } from "../../actions/ButtonSplit/context.js";
 import { OpenTransitionContext } from "./OpenTransitionContext.js";
 import { TastyBatchProvider } from "@tenphi/tasty";
 import { Children, cloneElement, forwardRef, useCallback, useRef, useState } from "react";
@@ -50,7 +51,7 @@ function Overlay(props, ref) {
 	if (!(isOpen || !exited)) {
 		if (!hideOnClose) return null;
 	}
-	return createPortal(/* @__PURE__ */ jsx(TastyBatchProvider, { children: /* @__PURE__ */ jsx(Provider, {
+	let contents = /* @__PURE__ */ jsx(Provider, {
 		ref,
 		children: /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: !!isOpen,
@@ -68,6 +69,10 @@ function Overlay(props, ref) {
 				});
 			}
 		})
+	});
+	return createPortal(/* @__PURE__ */ jsx(TastyBatchProvider, { children: /* @__PURE__ */ jsx(ButtonSplitContext.Provider, {
+		value: null,
+		children: contents
 	}) }), container || root || document.body);
 }
 let _Overlay = forwardRef(Overlay);

package/dist/components/overlays/Modal/Overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","ReactNode","useCallback","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","DisplayTransition","OpenTransitionContext","WithCloseBehavior","Props","ReportedPhase","CubeOverlayProps","children","isOpen","container","HTMLElement","onEnter","onEntering","onEntered","onExit","onExiting","onExited","EXIT_DURATION","Overlay","props","ref","hideOnClose","exited","setExited","wasOpen","current","root","handlePhaseChange","phase","mountOverlay","contents","isShown","isExiting","transitionState","map","child","undefined","document","body","_Overlay","displayName"],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport {\n Children,\n cloneElement,\n forwardRef,\n ReactElement,\n ReactNode,\n useCallback,\n useRef,\n useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps extends WithCloseBehavior {\n children?: ReactNode;\n isOpen?: boolean;\n container?: HTMLElement \| null;\n onEnter?: () => void;\n onEntering?: () => void;\n onEntered?: () => void;\n onExit?: () => void;\n onExiting?: () => void;\n onExited?: () => void;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n let {\n children,\n isOpen,\n container = null,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n hideOnClose = false,\n } = props;\n let [exited, setExited] = useState(!isOpen);\n\n if (isOpen && exited) {\n setExited(false);\n }\n\n // Our `FocusScope` restores focus to the trigger when it unmounts, from\n // inside React's own commit where nothing can wrap the call. The window has\n // to be open before that lands, or the restored trigger's tooltip opens and\n // eats the user's next `Escape` (CUB-4839).\n //\n // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n // is not always reported: under reduced motion `DisplayTransition` collapses\n // its duration to zero, so `exit` and `unmounted` are set in one callback and\n // React batches the `exit` render — and its notification — away entirely.\n // Closing is the one signal that always arrives.\n const wasOpen = useRef(!!isOpen);\n\n if (wasOpen.current !== !!isOpen) {\n wasOpen.current = !!isOpen;\n\n if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n }\n\n let { root } = useProviderProps({} as Props);\n\n let handlePhaseChange = useCallback(\n (phase: ReportedPhase) => {\n switch (phase) {\n case 'enter':\n setExited(false);\n onEnter?.();\n onEntering?.();\n break;\n case 'entered':\n onEntered?.();\n break;\n case 'exit':\n onExit?.();\n onExiting?.();\n break;\n case 'unmounted':\n setExited(true);\n onExited?.();\n break;\n }\n },\n [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n );\n\n let mountOverlay = isOpen \|\| !exited;\n\n if (!mountOverlay) {\n if (!hideOnClose) {\n return null;\n }\n }\n\n let contents = (\n <Provider ref={ref}>\n <DisplayTransition\n isShown={!!isOpen}\n exposeUnmounted={hideOnClose}\n duration={EXIT_DURATION}\n onPhaseChange={handlePhaseChange}\n >\n {({ phase, isShown, isExiting }) => {\n return (\n <OpenTransitionContext.Provider\n value={{ transitionState: phase as ReportedPhase }}\n >\n {Children.map(\n children,\n (child) =>\n child &&\n cloneElement(\n child as ReactElement,\n {\n isOpen: isShown,\n transitionState: phase,\n // A closed overlay leaves React Aria's stack of visible\n // overlays at once, but stays on screen, and clickable,\n // while it fades out. A press on it then counts as a\n // press outside whatever overlay is topmost again, so a\n // click on a fading list closed the Dialog under it\n // (CUB-5293). React Aria never treats a press inside a\n // top-layer element as outside.\n 'data-react-aria-top-layer': isExiting \|\| undefined,\n } as any,\n ),\n )}\n </OpenTransitionContext.Provider>\n );\n }}\n </DisplayTransition>\n </Provider>\n );\n\n // Popover, Modal and Tray all portal through here, which makes this the\n // overlay path that matters most for batching: a dialog or menu mounts a\n // fresh subtree and react-aria positions it from a layout effect in the same\n // commit. `<Root>` does not re-render for those commits, so open a window\n // here — it flushes in `useInsertionEffect`, before any positioning effect\n // reads the DOM. Note this is a raw `createPortal`, not `<Portal>`, so the\n // window `<Portal>` opens does not reach these overlays.\n return createPortal(\n <TastyBatchProvider>{contents}</TastyBatchProvider>,\n container \|\| root \|\| document.body,\n );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":"~~;;;;;;;;;;;AAmCA~~,~~MAAM6B~~,gBAAgB;AAEtB,SAASC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFb,UACAC,QACAC,YAAY,MACZE,SACAC,YACAC,WACAC,QACAC,WACAC,UACAK,cAAc,UACZF;CACJ,IAAI,CAACG,QAAQC,~~aAAa3B~~,SAAS,~~CAACY~~,OAAO;AAE3C,KAAIA,UAAUc,OACZC,WAAU,MAAM;CAalB,MAAMC,~~UAAU7B~~,OAAO,CAAC,~~CAACa~~,OAAO;AAEhC,KAAIgB,QAAQC,YAAY,CAAC,CAACjB,QAAQ;AAChCgB,UAAQC,UAAU,CAAC,CAACjB;AAEpB,MAAI,CAACA,~~OAAQR~~,~~wBAAuBiB~~,gBAAgB,IAAI;;CAG1D,IAAI,EAAES,~~SAAS3B~~,iBAAiB,EAAE,CAAU;CAE5C,~~IAAI4B~~,~~oBAAoBjC~~,~~aACrBkC~~,UAAyB;AACxB,UAAQA,OAAR;GACE,KAAK;AACHL,cAAU,MAAM;AAChBZ,eAAW;AACXC,kBAAc;AACd;GACF,KAAK;AACHC,iBAAa;AACb;GACF,KAAK;AACHC,cAAU;AACVC,iBAAa;AACb;GACF,KAAK;AACHQ,cAAU,KAAK;AACfP,gBAAY;AACZ;;IAGN;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;EACtD,CAAC;AAID,KAAI,EAFeR,UAAU,CAACc,SAG5B;MAAI,CAACD,YACH,QAAO;;~~AAmDX~~,~~QAAOxB~~,~~aACL~~,oBAAC~~,gCA/CD,oBAAC~~;~~EAAcuB~~;YACb,oBAAC;GACC,SAAS,CAAC,CAACZ;GACX,iBAAiBa;GACjB,UAAUJ;GACV,eAAeU;cAEb,EAAEC,OAAAA,SAAOG,SAASC,gBAAgB;AAClC,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAEC,iBAAiBL,SAAwB;~~eAEjDvC~~,~~SAAS6C~~,IACR3B,WACC4B,UACCA,~~SACA7C~~,~~aACE6C~~,OACA;MACE3B,QAAQuB;MACRE,iBAAiBL;MAQjB,6BAA6BI,aAAaI;MAC3C,CAEP,CAAC;MAC8B;;IAGpB;GAEtB,~~GAUoD~~,~~EACnD3B~~,aAAaiB,QAAQW,SAASC,KAC/B;;AAGH,IAAIC,~~WAAWhD~~,~~WAAW2B~~,QAAQ;AAElCqB,SAASC,cAAc"}
1	+ {"version":3,"file":"Overlay.js","names":["TastyBatchProvider","Children","cloneElement","forwardRef","ReactElement","ReactNode","useCallback","useRef","useState","createPortal","Provider","useProviderProps","markFocusRestoreWindow","ButtonSplitContext","DisplayTransition","OpenTransitionContext","WithCloseBehavior","Props","ReportedPhase","CubeOverlayProps","children","isOpen","container","HTMLElement","onEnter","onEntering","onEntered","onExit","onExiting","onExited","EXIT_DURATION","Overlay","props","ref","hideOnClose","exited","setExited","wasOpen","current","root","handlePhaseChange","phase","mountOverlay","contents","isShown","isExiting","transitionState","map","child","undefined","document","body","_Overlay","displayName"],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { TastyBatchProvider } from '@tenphi/tasty';\nimport {\n Children,\n cloneElement,\n forwardRef,\n ReactElement,\n ReactNode,\n useCallback,\n useRef,\n useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { markFocusRestoreWindow } from '../../../utils/react/programmaticFocus';\nimport { ButtonSplitContext } from '../../actions/ButtonSplit/context';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps extends WithCloseBehavior {\n children?: ReactNode;\n isOpen?: boolean;\n container?: HTMLElement \| null;\n onEnter?: () => void;\n onEntering?: () => void;\n onEntered?: () => void;\n onExit?: () => void;\n onExiting?: () => void;\n onExited?: () => void;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n let {\n children,\n isOpen,\n container = null,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n hideOnClose = false,\n } = props;\n let [exited, setExited] = useState(!isOpen);\n\n if (isOpen && exited) {\n setExited(false);\n }\n\n // Our `FocusScope` restores focus to the trigger when it unmounts, from\n // inside React's own commit where nothing can wrap the call. The window has\n // to be open before that lands, or the restored trigger's tooltip opens and\n // eats the user's next `Escape` (CUB-4839).\n //\n // Keyed to `isOpen` closing rather than to the exit PHASE, because the phase\n // is not always reported: under reduced motion `DisplayTransition` collapses\n // its duration to zero, so `exit` and `unmounted` are set in one callback and\n // React batches the `exit` render — and its notification — away entirely.\n // Closing is the one signal that always arrives.\n const wasOpen = useRef(!!isOpen);\n\n if (wasOpen.current !== !!isOpen) {\n wasOpen.current = !!isOpen;\n\n if (!isOpen) markFocusRestoreWindow(EXIT_DURATION + 200);\n }\n\n let { root } = useProviderProps({} as Props);\n\n let handlePhaseChange = useCallback(\n (phase: ReportedPhase) => {\n switch (phase) {\n case 'enter':\n setExited(false);\n onEnter?.();\n onEntering?.();\n break;\n case 'entered':\n onEntered?.();\n break;\n case 'exit':\n onExit?.();\n onExiting?.();\n break;\n case 'unmounted':\n setExited(true);\n onExited?.();\n break;\n }\n },\n [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n );\n\n let mountOverlay = isOpen \|\| !exited;\n\n if (!mountOverlay) {\n if (!hideOnClose) {\n return null;\n }\n }\n\n let contents = (\n <Provider ref={ref}>\n <DisplayTransition\n isShown={!!isOpen}\n exposeUnmounted={hideOnClose}\n duration={EXIT_DURATION}\n onPhaseChange={handlePhaseChange}\n >\n {({ phase, isShown, isExiting }) => {\n return (\n <OpenTransitionContext.Provider\n value={{ transitionState: phase as ReportedPhase }}\n >\n {Children.map(\n children,\n (child) =>\n child &&\n cloneElement(\n child as ReactElement,\n {\n isOpen: isShown,\n transitionState: phase,\n // A closed overlay leaves React Aria's stack of visible\n // overlays at once, but stays on screen, and clickable,\n // while it fades out. A press on it then counts as a\n // press outside whatever overlay is topmost again, so a\n // click on a fading list closed the Dialog under it\n // (CUB-5293). React Aria never treats a press inside a\n // top-layer element as outside.\n 'data-react-aria-top-layer': isExiting \|\| undefined,\n } as any,\n ),\n )}\n </OpenTransitionContext.Provider>\n );\n }}\n </DisplayTransition>\n </Provider>\n );\n\n // Popover, Modal and Tray all portal through here, which makes this the\n // overlay path that matters most for batching: a dialog or menu mounts a\n // fresh subtree and react-aria positions it from a layout effect in the same\n // commit. `<Root>` does not re-render for those commits, so open a window\n // here — it flushes in `useInsertionEffect`, before any positioning effect\n // reads the DOM. Note this is a raw `createPortal`, not `<Portal>`, so the\n // window `<Portal>` opens does not reach these overlays.\n //\n // Overlays also leave the `ButtonSplit` that opened them here: its context\n // crosses the portal and would style every Button inside (CUB-5624). A split\n // rendered inside the overlay still provides its own.\n return createPortal(\n <TastyBatchProvider>\n <ButtonSplitContext.Provider value={null}>\n {contents}\n </ButtonSplitContext.Provider>\n </TastyBatchProvider>,\n container \|\| root \|\| document.body,\n );\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;;;;AAoCA,MAAM8B,gBAAgB;AAEtB,SAASC,QAAQC,OAAyBC,KAAK;CAC7C,IAAI,EACFb,UACAC,QACAC,YAAY,MACZE,SACAC,YACAC,WACAC,QACAC,WACAC,UACAK,cAAc,UACZF;CACJ,IAAI,CAACG,QAAQC,aAAa5B,SAAS,CAACa,OAAO;AAE3C,KAAIA,UAAUc,OACZC,WAAU,MAAM;CAalB,MAAMC,UAAU9B,OAAO,CAAC,CAACc,OAAO;AAEhC,KAAIgB,QAAQC,YAAY,CAAC,CAACjB,QAAQ;AAChCgB,UAAQC,UAAU,CAAC,CAACjB;AAEpB,MAAI,CAACA,OAAQT,wBAAuBkB,gBAAgB,IAAI;;CAG1D,IAAI,EAAES,SAAS5B,iBAAiB,EAAE,CAAU;CAE5C,IAAI6B,oBAAoBlC,aACrBmC,UAAyB;AACxB,UAAQA,OAAR;GACE,KAAK;AACHL,cAAU,MAAM;AAChBZ,eAAW;AACXC,kBAAc;AACd;GACF,KAAK;AACHC,iBAAa;AACb;GACF,KAAK;AACHC,cAAU;AACVC,iBAAa;AACb;GACF,KAAK;AACHQ,cAAU,KAAK;AACfP,gBAAY;AACZ;;IAGN;EAACL;EAASC;EAAYC;EAAWC;EAAQC;EAAWC;EACtD,CAAC;AAID,KAAI,EAFeR,UAAU,CAACc,SAG5B;MAAI,CAACD,YACH,QAAO;;CAIX,IAAIS,WACF,oBAAC;EAAcV;YACb,oBAAC;GACC,SAAS,CAAC,CAACZ;GACX,iBAAiBa;GACjB,UAAUJ;GACV,eAAeU;cAEb,EAAEC,OAAAA,SAAOG,SAASC,gBAAgB;AAClC,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAEC,iBAAiBL,SAAwB;eAEjDxC,SAAS8C,IACR3B,WACC4B,UACCA,SACA9C,aACE8C,OACA;MACE3B,QAAQuB;MACRE,iBAAiBL;MAQjB,6BAA6BI,aAAaI;MAC3C,CAEP,CAAC;MAC8B;;IAGpB;GAEtB;AAaD,QAAOxC,aACL,oBAAC,gCACC,oBAAC,mBAAmB;EAAS,OAAO;YACjCkC;GAC0B,GACV,EACrBrB,aAAaiB,QAAQW,SAASC,KAC/B;;AAGH,IAAIC,WAAWjD,WAAW4B,QAAQ;AAElCqB,SAASC,cAAc"}