@ryuzaki13/react-foundation-ui 1.8.18 → 1.8.20

package/storybook-static/assets/{TreeTable-CbhUffZj.js → TreeTable-CInX-hLX.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B_6aAEqw.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-IjspN281.js";import{_ as p,a as m,c as h,d as g,f as _,g as v,h as y,i as b,l as x,m as S,n as C,o as w,p as T,r as E,s as D,t as O,u as k}from"./TreeTable.stories-D-x-lZkU.js";function A(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(s,{of:D,parameters:{docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DlUmG4EA.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-v2XPznvF.js";import{_ as p,a as m,c as h,d as g,f as _,g as v,h as y,i as b,l as x,m as S,n as C,o as w,p as T,r as E,s as D,t as O,u as k}from"./TreeTable.stories-DQsXSocU.js";function A(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(s,{of:D,parameters:{docs:{toc:!0}}}),`
 `,(0,M.jsx)(u,{children:`TreeTable`}),`
 `,(0,M.jsx)(o,{children:`Древовидная таблица для плоских OData-данных на базе TanStack Table`}),`
 `,(0,M.jsxs)(t.p,{children:[(0,M.jsx)(t.code,{children:`TreeTable`}),` предназначен для сценариев, где данные приходят плоским списком, но в UI должны выглядеть как дерево.
@@ -7,7 +7,7 @@ import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B
 `,(0,M.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
 `,(0,M.jsx)(f,{}),`
 `,(0,M.jsx)(i,{of:O}),`
-`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`import { TreeTable, type TableColumnDef } from "@/shared/ui";
+`,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`import { TreeTable, type TableColumnDef } from "@ryuzaki13/react-foundation-ui";
 
 interface MetricRow {
 	id: string;
@@ -94,7 +94,7 @@ const columns = createTableColumnsFromODataMetadata(metadata.columns);
 `})}),`
 `,(0,M.jsxs)(t.p,{children:[`Тот же сценарий удобнее собрать через `,(0,M.jsx)(t.code,{children:`useODataTableColumns(...)`}),`, а не через ручной вызов helper:`]}),`
 `,(0,M.jsx)(t.pre,{children:(0,M.jsx)(t.code,{className:`language-tsx`,children:`import { useODataTableColumns } from "@ryuzaki13/react-foundation-api/odata";
-import { TreeTable } from "@/shared/ui";
+import { TreeTable } from "@ryuzaki13/react-foundation-ui";
 
 function FinanceTree({ rows }: { rows: MetricRow[] }) {
 	const { columns, metadata, isLoading } = useODataTableColumns<MetricRow>({

package/storybook-static/assets/TreeTable.stories-DQsXSocU.js

@@ -0,0 +1,138 @@
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./chevron-down-DCcoFYMu.js";import{n as a,t as o}from"./chevron-right-BhBh36az.js";import{n as s}from"./iframe-DlUmG4EA.js";import{$ as c,J as l,Q as u,X as d,Z as f,_ as ee,a as te,b as ne,g as re,h as ie,i as ae,y as oe}from"./odata-BMO7cuBZ.js";import{a as se,i as ce}from"./utils-tg3ibbzi.js";import{i as le,y as ue}from"./formatters-D33Uh3si-Df97arf9.js";import{n as de,t as p}from"./createControlledStoryRender-BouhvX-R.js";import{_ as fe,a as pe,b as me,c as he,d as ge,f as _e,g as ve,h as ye,i as be,l as xe,m as Se,n as Ce,o as we,p as Te,r as Ee,s as De,t as Oe,u as ke,v as Ae,x as je,y as m}from"./FormattedTableCell-SiBfPwwP.js";function Me(e,t,n){let r=e.get(t);if(r){r.push(n);return}e.set(t,[n])}function h(e){return Array.from(new Set(e))}function Ne(e,t){let n=new Map,r=new Map,i=new Map,a=[],o=[],s=[],c=[];for(let o of e){let e=t.getRowId(o);if(n.has(e)){a.push(e);continue}let s=t.getParentRowId(o)??null;n.set(e,o),r.set(e,s),c.push(e),s!==null&&s!==e&&Me(i,s,e)}let l=[];for(let e of c){let t=r.get(e)??null;if(t===null){l.push(e);continue}if(t===e){s.push(e),l.push(e);continue}n.has(t)||(o.push(e),l.push(e))}let u=new Set,d=(e,t)=>{let r=n.get(e);if(!r)throw Error(`Не удалось построить дерево: строка "${e}" отсутствует в индексе.`);u.add(e);let a=new Set(t);a.add(e);let o={...r},c=i.get(e)??[],l=[];for(let e of c){if(a.has(e)){s.push(e);continue}u.has(e)||l.push(d(e,a))}return l.length>0&&(o.children=l),o},f=[],ee=[];for(let e of l)u.has(e)||(f.push(d(e,new Set)),ee.push(e));for(let e of c)u.has(e)||(s.push(e),f.push(d(e,new Set)),ee.push(e));return{rows:f,rowById:n,allRowIds:c,rootRowIds:h(ee),orphanRowIds:h(o),duplicateRowIds:h(a),cyclicRowIds:h(s)}}function Pe(){return(Pe=e((()=>{})))()}var Fe,g,_,Ie,v,y,b,x;function S(){return(S=e((()=>{Fe=`jOS9rT`,g=`zHOAf7`,_=`j48cXg`,Ie=`mf4-Kr`,v=`p8pb0F`,y=`KIudLf`,b=`bJsPGU`,x={treeColumnCell:Fe,selectedIndicatorCell:g,treeCell:_,treeCellContent:Ie,expanderButton:v,expanderSpacer:y,sentinel:b}})))()}function Le(e){return Object.fromEntries(e.map(e=>[e,!0]))}function Re(e){return typeof e==`boolean`?[]:Object.keys(e).filter(t=>e[t])}function ze(e,t){return t.get(e.id)??e.original}function Be(e,t,n,r){return e.cell.column.id===n?(0,T.jsxs)(`div`,{className:x.treeCell,style:{paddingInlineStart:`calc(${e.row.depth} * ${oe(r)??`0em`})`},children:[e.row.getCanExpand()?(0,T.jsx)(`button`,{type:`button`,className:x.expanderButton,"aria-label":e.row.getIsExpanded()?`Свернуть строку`:`Развернуть строку`,"data-tree-table-interactive":`true`,"data-ui":`tree-table-expander`,"data-action":e.row.getIsExpanded()?`collapse-tree-table-row`:`expand-tree-table-row`,onClick:t=>{t.stopPropagation(),e.row.toggleExpanded()},children:e.row.getIsExpanded()?(0,T.jsx)(i,{size:16}):(0,T.jsx)(o,{size:16})}):(0,T.jsx)(`span`,{className:x.expanderSpacer,"aria-hidden":`true`}),(0,T.jsx)(`div`,{className:x.treeCellContent,children:t})]}):t}function C({title:e,isLoading:t,isFetching:n,data:r,columns:i,hierarchy:a,selectionMode:o=`none`,expandFirstLevel:s=!1,defaultExpandedRowIds:c,treeColumnId:l,indentSize:u=1,className:d,tableClassName:f,columnVisibility:te,defaultColumnVisibility:ne,columnOrder:ie,defaultColumnOrder:ae,columnSizing:oe,defaultColumnSizing:ce,columnPinning:ue,defaultColumnPinning:de,enableColumnResizing:p=!1,enableColumnReordering:pe=!1,columnResizeMinWidth:me,onColumnVisibilityChange:ge,onColumnOrderChange:ve,onColumnSizingChange:be,onColumnPinningChange:xe,onRowClick:Se,onRowSelectionChange:Ce,onExpandedRowIdsChange:De,onReachEnd:m,getRowCanSelect:Me,getRowClassName:h,renderHeaderContextMenu:Pe,renderCellContent:Fe}){let g=(0,w.useMemo)(()=>Ne(r??[],a),[r,a]),_=(0,w.useMemo)(()=>ye(i),[i]),Ie=(0,w.useMemo)(()=>{let e=new Set(c??[]);if(s)for(let t of g.rootRowIds)e.add(t);return Array.from(e)},[c,s,g.rootRowIds]),[v,y]=(0,w.useState)({}),b=(0,w.useRef)(!1),S=(0,w.useRef)(null),C=(0,w.useRef)(null),{rowSelection:Ve,activateRowSelection:He}=re({availableRowIds:g.allRowIds,rowById:g.rowById,selectionMode:o,onRowSelectionChange:Ce}),{columnVisibility:Ue,onColumnVisibilityChange:E}=we({columnVisibility:te,defaultColumnVisibility:ne,onColumnVisibilityChange:ge}),{columnOrder:D,onColumnOrderChange:We}=_e({columnOrder:ie,defaultColumnOrder:ae,onColumnOrderChange:ve}),{columnSizing:O,onColumnSizingChange:k}=he({columnSizing:oe,defaultColumnSizing:ce,columnResizeMinWidth:me,onColumnSizingChange:be}),{columnPinning:A,onColumnPinningChange:Ge}=ke({columnPinning:ue,defaultColumnPinning:de,onColumnPinningChange:xe}),Ke=(0,w.useMemo)(()=>({columnOrder:D,columnPinning:A,columnSizing:O,columnVisibility:Ue}),[D,A,O,Ue]),qe=(0,w.useEffectEvent)((e,t)=>{if(e.length===0){b.current=!1,y({});return}let n=new Set(e);y(e=>{let r=Re(e).filter(e=>n.has(e));return b.current?Le(r):(b.current=!0,Le(Array.from(new Set([...r,...t.filter(e=>n.has(e))]))))})}),j=(0,w.useEffectEvent)(e=>{De?.(Re(e))}),Je=(0,w.useEffectEvent)(()=>{m?.()});(0,w.useEffect)(()=>{qe(g.allRowIds,Ie)},[Ie,g.allRowIds]),(0,w.useEffect)(()=>{j(v)},[v]),(0,w.useEffect)(()=>{if(!m||!S.current||!C.current||t)return;let e=new IntersectionObserver(e=>{e[0]?.isIntersecting&&Je()},{root:S.current,threshold:.1});return e.observe(C.current),()=>e.disconnect()},[t,m,g.rows.length]);let M=je({features:ee,data:g.rows,columns:i,state:{columnOrder:D,columnPinning:A,columnSizing:O,columnVisibility:Ue,expanded:v,rowSelection:Ve},getRowId:e=>a.getRowId(e),getSubRows:e=>e.children,onColumnOrderChange:We,onColumnPinningChange:Ge,onColumnSizingChange:k,onColumnVisibilityChange:E,onExpandedChange:y,enableMultiRowSelection:o===`multi`,enableRowSelection:e=>{if(o===`none`)return!1;let t=ze(e,g.rowById);return!Me||Me(t)}}),N=Ae(M,Ke),P=l??N[0]?.id,Ye=M.getRowModel().rows,Xe=(0,w.useMemo)(()=>Te({rows:Ye,columns:N,resolveRowBoundaryKey:e=>e.depth,excludeColumnIds:P?new Set([P]):void 0}),[Ye,N,P]);return(0,T.jsx)(Ee,{table:M,columnState:Ke,title:e,isLoading:t,isFetching:n,className:d,tableClassName:f,selectionMode:o,scrollableRef:S,interactiveElementSelector:`[data-tree-table-interactive="true"]`,onActivateRow:o!==`none`||Se?e=>{let t=ze(e,g.rowById);He(e.id,e.getCanSelect()),Se?.(t)}:void 0,isRowInteractive:e=>!!(Se||o!==`none`&&e.getCanSelect()),getRowClassName:e=>{let t=ze(e,g.rowById);return h?.(t)},getCellClassName:({row:e,cell:t})=>se(t.column.id===P&&x.treeColumnCell,t.column.id===P&&e.getIsSelected()&&x.selectedIndicatorCell),getCellLayout:({cell:e})=>Xe.get(e.id),renderHeaderContextMenu:Pe,enableColumnResizing:p,enableColumnReordering:pe,columnResizeMinWidth:me,renderCellContent:e=>{let t=ze(e.row,g.rowById),n=le({field:_.runtimeByColumnId[e.cell.column.id],rawValue:e.cell.getValue(),rowData:t,rowKind:`tree`}),r=fe({columnId:e.cell.column.id,runtimeByColumnId:_.runtimeByColumnId,customCellColumnIds:_.customCellColumnIds})?(0,T.jsx)(Oe,{displayValue:n,align:e.columnMeta?.align}):e.defaultContent;return Be(e,Fe?Fe({...e,defaultContent:r,displayValue:n}):r,P,u)},afterTableContent:m?(0,T.jsx)(`div`,{ref:C,className:x.sentinel,"aria-hidden":`true`}):null})}var w,T;function Ve(){return(Ve=e((()=>{w=n(),ue(),ne(),Pe(),ce(),me(),r(),a(),be(),Se(),ve(),Ce(),m(),ge(),xe(),De(),pe(),S(),T=s(),C.__docgenInfo={description:`Древовидная таблица на базе TanStack Table для плоских OData-данных.`,methods:[],displayName:`TreeTable`,props:{title:{required:!1,tsType:{name:`string`},description:`Необязательный заголовок над таблицей.`},isLoading:{required:!1,tsType:{name:`boolean`},description:`Признак первичной загрузки.`},isFetching:{required:!1,tsType:{name:`boolean`},description:`Признак фоновой догрузки или обновления данных.`},data:{required:!0,tsType:{name:`union`,raw:`readonly TData[] | undefined | null`,elements:[{name:`unknown`},{name:`undefined`},{name:`null`}]},description:`Плоский источник строк.`},columns:{required:!0,tsType:{name:`unknown`},description:`Описание колонок через исходный тип строки.`},hierarchy:{required:!0,tsType:{name:`TreeTableFlatHierarchy`,elements:[{name:`TData`}],raw:`TreeTableFlatHierarchy<TData>`},description:`Правила восстановления дерева из плоского списка.`},selectionMode:{required:!1,tsType:{name:`TableSelectionMode`},description:`Режим выбора строк.`,defaultValue:{value:`"none"`,computed:!1}},expandFirstLevel:{required:!1,tsType:{name:`boolean`},description:"Если `true`, при первом появлении данных раскрывает корневой уровень.",defaultValue:{value:`false`,computed:!1}},defaultExpandedRowIds:{required:!1,tsType:{name:`unknown`},description:`Дополнительные строки, которые должны быть раскрыты при первой инициализации.`},treeColumnId:{required:!1,tsType:{name:`string`},description:`Идентификатор колонки, в которой нужно рисовать tree-toggle и отступы.
+
+Если не указан, используется первая видимая колонка.`},indentSize:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:`Отступ на один уровень вложенности.
+
+Числовое значение трактуется как \`em\`.`,defaultValue:{value:`1`,computed:!1}},className:{required:!1,tsType:{name:`string`},description:`Дополнительный CSS-класс корневого контейнера.`},tableClassName:{required:!1,tsType:{name:`string`},description:"Дополнительный CSS-класс тега `table`."},columnVisibility:{required:!1,tsType:{name:`TableColumnVisibilityState`},description:`Внешнее controlled-состояние видимости колонок.`},defaultColumnVisibility:{required:!1,tsType:{name:`TableColumnVisibilityState`},description:`Стартовое uncontrolled-состояние видимости колонок.`},columnOrder:{required:!1,tsType:{name:`unknown`},description:`Внешнее controlled-состояние порядка колонок.`},defaultColumnOrder:{required:!1,tsType:{name:`unknown`},description:`Стартовое uncontrolled-состояние порядка колонок.`},columnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Внешнее controlled-состояние ширин колонок в px.`},defaultColumnSizing:{required:!1,tsType:{name:`TableColumnSizingState`},description:`Стартовое uncontrolled-состояние ширин колонок в px.`},columnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Внешнее controlled-состояние start-pinning для колонок.`},defaultColumnPinning:{required:!1,tsType:{name:`TableColumnPinningState`},description:`Стартовое uncontrolled-состояние start-pinning для колонок.`},enableColumnResizing:{required:!1,tsType:{name:`boolean`},description:`Включает изменение ширины колонок через header-handle.`,defaultValue:{value:`false`,computed:!1}},enableColumnReordering:{required:!1,tsType:{name:`boolean`},description:`Включает изменение порядка колонок через drag&drop заголовков.`,defaultValue:{value:`false`,computed:!1}},columnResizeMinWidth:{required:!1,tsType:{name:`number`},description:`Минимальная ширина колонки при resize в px.`},onColumnVisibilityChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnVisibilityState) => void`,signature:{arguments:[{type:{name:`TableColumnVisibilityState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения видимости колонок.`},onColumnOrderChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnOrderState) => void`,signature:{arguments:[{type:{name:`TableColumnOrderState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения порядка колонок.`},onColumnSizingChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnSizingState) => void`,signature:{arguments:[{type:{name:`TableColumnSizingState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения ширины колонок.`},onColumnPinningChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(state: TableColumnPinningState) => void`,signature:{arguments:[{type:{name:`TableColumnPinningState`},name:`state`}],return:{name:`void`}}},description:`Вызывается после изменения start-pinning state.`},onRowClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => void`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`void`}}},description:`Вызывается при активации строки кликом или клавиатурой.`},onRowSelectionChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(rows: TData[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`TData`}],raw:`TData[]`},name:`rows`}],return:{name:`void`}}},description:`Вызывается после изменения выбранных строк.`},onExpandedRowIdsChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(rowIds: string[]) => void`,signature:{arguments:[{type:{name:`Array`,elements:[{name:`string`}],raw:`string[]`},name:`rowIds`}],return:{name:`void`}}},description:`Вызывается после изменения раскрытых узлов.`},onReachEnd:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:`Вызывается при достижении конца таблицы внутри scroll-контейнера.`},getRowCanSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => boolean`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`boolean`}}},description:`Позволяет запретить выбор отдельных строк.`},getRowClassName:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(row: TData) => string | undefined`,signature:{arguments:[{type:{name:`TData`},name:`row`}],return:{name:`union`,raw:`string | undefined`,elements:[{name:`string`},{name:`undefined`}]}}},description:`Позволяет добавить CSS-класс для конкретной строки.`},renderHeaderContextMenu:{required:!1,tsType:{name:`BaseTableProps["renderHeaderContextMenu"]`,raw:`BaseTableProps<TreeTableRuntimeRow<TData>>["renderHeaderContextMenu"]`},description:`Контекстное меню заголовка колонки. Получает runtime-строки дерева,
+потому что BaseTable работает уже после сборки flat hierarchy.`},renderCellContent:{required:!1,tsType:{name:`BaseTableProps["renderCellContent"]`,raw:`BaseTableProps<TreeTableRuntimeRow<TData>>["renderCellContent"]`},description:`Точка расширения содержимого ячейки после общего форматирования.
+
+Для tree-column в \`defaultContent\` передается только содержимое ячейки:
+TreeTable сам добавит expander и отступ после выполнения слота.`}}}})))()}var He=t({Basic:()=>z,CollapsedByDefault:()=>V,Empty:()=>G,Fetching:()=>W,Loading:()=>K,MultiSelect:()=>B,WithDefaultExpandedBranch:()=>H,WithDisabledRows:()=>U,WithFormattedTreeColumn:()=>J,WithFormulaColumn:()=>q,WithHiddenZero:()=>Y,WithMergedDuplicates:()=>X,WithODataMetadataAdapter:()=>Z,WithUseODataTableColumnsBuildHook:()=>Q,WithUseODataTableColumnsEnrichHook:()=>$,__namedExportsOrder:()=>it,default:()=>nt});function Ue(){return{version:1,plan:{steps:[{id:`state`,type:`resolveValueState`,config:{resolver:{kind:`threshold`,thresholds:[100],states:[`success`,`warning`],invalidState:`none`},icon:{enabled:!0,showValue:!0,position:`right`}}},{id:`typed`,type:`typedValueFormat`}]}}}function E({args:e,updateArgs:t}){return(0,A.jsx)(C,{...e,onColumnVisibilityChange:n=>{e.onColumnVisibilityChange?.(n),t({columnVisibility:n})},onColumnOrderChange:n=>{e.onColumnOrderChange?.(n),t({columnOrder:n})},onColumnSizingChange:n=>{e.onColumnSizingChange?.(n),t({columnSizing:n})},onColumnPinningChange:n=>{e.onColumnPinningChange?.(n),t({columnPinning:n})}})}function D({args:e,updateArgs:t}){let{columns:n,metadata:r,isLoading:i}=ae({service:F,target:I,mode:`build`});return(0,A.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,A.jsxs)(`div`,{children:[`Режим build: hook собрал `,n.length,` колонки из metadata`,r?` для сущности «${r.title}».`:`.`]}),(0,A.jsx)(E,{args:{...e,columns:n,isLoading:e.isLoading??i},updateArgs:t})]})}function We({args:e,updateArgs:t}){let{columns:n,metadata:r,isLoading:i}=ae({service:F,target:I,mode:`enrich`,columns:[{id:`label`,accessorKey:`label`,header:`Статья`,meta:{width:16}},{id:`createdAt`,accessorKey:`createdAt`,header:`Создано`,meta:{width:12}},{id:`totalAmount`,accessorKey:`totalAmount`,header:`Итог`,meta:{width:10,align:`right`}}]});return(0,A.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[(0,A.jsxs)(`div`,{children:[`Режим enrich: hook сохранил ручные tree-колонки и дополнил их formatting-контекстом`,r?` из metadata «${r.title}».`:`.`]}),(0,A.jsx)(E,{args:{...e,columns:n,isLoading:e.isLoading??i},updateArgs:t})]})}function O({args:e,updateArgs:t,intro:n}){let[r,i]=(0,k.useState)([]);return(0,A.jsxs)(`div`,{style:{display:`grid`,gap:`0.75em`},children:[n?(0,A.jsx)(`div`,{children:n}):null,(0,A.jsxs)(`div`,{children:[`Выбрано: `,r.length>0?r.join(`, `):`ничего`]}),(0,A.jsx)(E,{args:{...e,onRowSelectionChange:t=>{e.onRowSelectionChange?.(t),i(t.map(e=>e.label))}},updateArgs:t})]})}var k,A,Ge,Ke,qe,j,Je,M,N,P,Ye,Xe,Ze,Qe,$e,F,I,et,tt,nt,L,R,rt,z,B,V,H,U,W,G,K,q,J,Y,X,Z,Q,$,it;function at(){return(at=e((()=>{k=n(),te(),f(),ne(),c(),de(),Ve(),A=s(),Ge=[{id:`revenue`,parentId:null,label:`Выручка`,jan:`1 240`,feb:`1 320`,mar:`1 410`,apr:`1 505`},{id:`revenue_clients`,parentId:`revenue`,label:`Клиентский сегмент`,jan:`920`,feb:`960`,mar:`1 020`,apr:`1 080`},{id:`revenue_exports`,parentId:`revenue`,label:`Экспорт`,jan:`320`,feb:`360`,mar:`390`,apr:`425`},{id:`margin`,parentId:null,label:`Маржинальность`,jan:`18%`,feb:`19%`,mar:`21%`,apr:`20%`},{id:`margin_sales`,parentId:`margin`,label:`Продажи`,jan:`12%`,feb:`13%`,mar:`14%`,apr:`14%`},{id:`margin_logistics`,parentId:`margin`,label:`Логистика`,jan:`6%`,feb:`6%`,mar:`7%`,apr:`6%`},{id:`margin_logistics_local`,parentId:`margin_logistics`,label:`Локальная логистика`,jan:`4%`,feb:`4%`,mar:`5%`,apr:`4%`},{id:`margin_logistics_export`,parentId:`margin_logistics`,label:`Экспортная логистика`,jan:`2%`,feb:`2%`,mar:`2%`,apr:`2%`,isLocked:!0},{id:`orphan_costs`,parentId:`missing_parent`,label:`Прочие расходы без родителя`,jan:`30`,feb:`28`,mar:`31`,apr:`35`}],Ke=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:18,align:`left`}},{id:`jan`,accessorKey:`jan`,header:`янв`,meta:{width:8,align:`right`}},{id:`feb`,accessorKey:`feb`,header:`фев`,meta:{width:8,align:`right`}},{id:`mar`,accessorKey:`mar`,header:`мар`,meta:{width:8,align:`right`}},{id:`apr`,accessorKey:`apr`,header:`апр`,meta:{width:8,align:`right`}}],qe={getRowId:e=>e.id,getParentRowId:e=>e.parentId},j={getRowId:e=>e.id,getParentRowId:e=>e.parentId},Je={getRowId:e=>e.id,getParentRowId:e=>e.parentId},M=[{id:`revenue`,parentId:null,label:`Выручка`,purchasePrice:80,salePrice:125,healthScore:40,pendingAmount:0,createdAt:`2026-03-18T09:15:00.000Z`,totalAmount:1820},{id:`revenue_domestic`,parentId:`revenue`,label:`Внутренний рынок`,purchasePrice:82,salePrice:129,healthScore:120,pendingAmount:250,createdAt:`2026-03-18T10:00:00.000Z`,totalAmount:980},{id:`revenue_export`,parentId:`revenue`,label:`Экспорт`,purchasePrice:75,salePrice:118,healthScore:95,pendingAmount:0,createdAt:`2026-03-19T08:25:00.000Z`,totalAmount:840},{id:`margin`,parentId:null,label:`Маржинальность`,purchasePrice:60,salePrice:90,healthScore:70,pendingAmount:0,createdAt:`2026-03-20T07:05:00.000Z`,totalAmount:640}],N=[{id:`div-root-1`,parentId:null,label:`Корень 1`,division:`ДВД`},{id:`div-root-2`,parentId:null,label:`Корень 2`,division:`ДВД`},{id:`div-root-3`,parentId:null,label:`Корень 3`,division:`УД`},{id:`div-child-1`,parentId:`div-root-3`,label:`Дочерний узел`,division:`УД`}],P=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:14}},{id:`division`,accessorKey:`division`,header:`Дивизион`,meta:{width:10,mergeDuplicates:!0}}],Ye=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:16}},{id:`purchasePrice`,accessorKey:`purchasePrice`,header:`Закупка`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`}}},{id:`salePrice`,accessorKey:`salePrice`,header:`Продажа`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`}}},{id:`markup`,accessorFn:()=>void 0,header:`Наценка`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`,formulaId:`markup`,formulaDependencies:[`purchasePrice`,`salePrice`],purelyDerived:!0}}}],Xe=[{id:`totalAmount`,accessorKey:`totalAmount`,header:`Сумма в дереве`,meta:{width:12,align:`right`,formatting:{role:`measure`,type:`decimal`,formattersPipeline:Ue()}}},{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:14}}],Ze=[{id:`label`,accessorKey:`label`,header:`Показатель`,meta:{width:16}},{id:`pendingAmount`,accessorKey:`pendingAmount`,header:`Резерв`,meta:{width:8,align:`right`,formatting:{role:`measure`,type:`decimal`,emptyWhenZero:!0}}}],Qe=[{id:`label`,type:`string`,originalType:`Edm.String`,label:`Показатель`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`createdAt`,type:`datetime`,originalType:`Edm.DateTime`,label:`Дата создания`,semanticType:`none`,sortable:!0,filterable:!0,role:`dimension`},{id:`totalAmount`,type:`decimal`,originalType:`Edm.Decimal`,label:`Сумма`,semanticType:`none`,sortable:!0,filterable:!0,role:`measure`}],$e=ie(Qe),F=`ZDEMO_FINANCE_SRV`,I=`FinanceSet`,et={title:`Финансовая иерархия`,columns:Qe},tt=(e,t)=>{let n=(0,k.useMemo)(()=>{let e=d({}),n=t.parameters.odataService,r=t.parameters.odataEntity,i=t.parameters.odataMetadata;return n&&r&&i&&e.setQueryData(l({service:n}).queryKey,{entities:{[r]:i},functionImports:{}}),e},[t.parameters.odataEntity,t.parameters.odataMetadata,t.parameters.odataService]);return(0,A.jsx)(u,{client:n,children:e()})},nt={title:`UI/TreeTable`,component:C,args:{title:`Финансовые показатели`,data:Ge,columns:Ke,hierarchy:qe,selectionMode:`single`,expandFirstLevel:!0,indentSize:1},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{title:{description:`Заголовок таблицы.`,control:`text`},isLoading:{description:`Показывает состояние первичной загрузки.`,control:`boolean`},isFetching:{description:`Показывает фоновое обновление без очистки дерева.`,control:`boolean`},data:{description:`Плоский источник данных OData.`,control:!1},columns:{description:`Колонки TreeTable.`,control:!1},hierarchy:{description:`Функции получения id строки и id родителя.`,control:!1},selectionMode:{description:`Режим выбора строк.`,control:`inline-radio`,options:[`none`,`single`,`multi`]},expandFirstLevel:{description:`Автоматически раскрывает корневой уровень при первой инициализации.`,control:`boolean`},defaultExpandedRowIds:{description:`Дополнительные строки, которые должны быть раскрыты при первой инициализации.`,control:!1},treeColumnId:{description:`Колонка, в которой рисуется дерево.`,control:`text`},indentSize:{description:`Отступ на уровень вложенности; число трактуется как em.`,control:`number`},columnVisibility:{description:`Controlled-состояние видимости колонок.`,control:!1},defaultColumnVisibility:{description:`Стартовое uncontrolled-состояние видимости колонок.`,control:!1},columnOrder:{description:`Controlled-порядок идентификаторов колонок.`,control:!1},defaultColumnOrder:{description:`Стартовый uncontrolled-порядок колонок.`,control:!1},columnSizing:{description:`Controlled-ширины колонок в px.`,control:!1},defaultColumnSizing:{description:`Стартовые uncontrolled-ширины колонок.`,control:!1},columnPinning:{description:`Controlled-состояние закрепления колонок слева.`,control:!1},defaultColumnPinning:{description:`Стартовое uncontrolled-состояние закрепления колонок слева.`,control:!1},enableColumnResizing:{description:`Включает изменение ширины колонок через header-handle.`,control:`boolean`},enableColumnReordering:{description:`Включает перетаскивание заголовков для изменения порядка колонок.`,control:`boolean`},columnResizeMinWidth:{description:`Минимальная ширина колонки при resize в px.`,control:`number`},onColumnVisibilityChange:{description:`Вызывается после изменения видимости колонок.`,control:!1},onColumnOrderChange:{description:`Вызывается после изменения порядка колонок.`,control:!1},onColumnSizingChange:{description:`Вызывается после изменения ширины колонок.`,control:!1},onColumnPinningChange:{description:`Вызывается после изменения закрепления колонок слева.`,control:!1},getRowCanSelect:{description:`Позволяет запретить выбор отдельных строк.`,control:!1},getRowClassName:{description:`Позволяет назначить CSS-класс конкретной строке.`,control:!1},onRowClick:{description:`Вызывается при активации строки.`,control:!1},onRowSelectionChange:{description:`Вызывается после изменения выбранных строк.`,control:!1},onExpandedRowIdsChange:{description:`Вызывается после изменения раскрытых строк.`,control:!1},onReachEnd:{description:`Вызывается при достижении конца дерева внутри scroll-контейнера.`,control:!1},renderHeaderContextMenu:{description:`Слот контекстного меню заголовка колонки.`,control:!1},renderCellContent:{description:`Слот содержимого ячейки поверх стандартного formatting-runtime.`,control:!1}}},L=p((e,t)=>(0,A.jsx)(E,{args:e,updateArgs:t})),R=p((e,t)=>(0,A.jsx)(E,{args:e,updateArgs:t})),rt=p((e,t)=>(0,A.jsx)(E,{args:e,updateArgs:t})),z={render:L},B={args:{selectionMode:`multi`},render:p((e,t)=>(0,A.jsx)(O,{args:e,updateArgs:t}))},V={args:{expandFirstLevel:!1},render:L},H={args:{expandFirstLevel:!1,defaultExpandedRowIds:[`margin`,`margin_logistics`]},render:L},U={args:{selectionMode:`multi`,getRowCanSelect:e=>!e.isLocked},render:p((e,t)=>(0,A.jsx)(O,{args:e,updateArgs:t,intro:`Строка «Экспортная логистика» остаётся в дереве, но не участвует в выборе.`}))},W={args:{isFetching:!0},render:L},G={args:{data:[]},render:L},K={args:{isLoading:!0},render:L},q={args:{title:`Формула в дереве`,data:M,columns:Ye,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1},render:R},J={args:{title:`Форматирование tree-колонки`,data:M,columns:Xe,hierarchy:j,treeColumnId:`totalAmount`,selectionMode:`none`,expandFirstLevel:!0,indentSize:1},render:R},Y={args:{title:`Скрытие нулей в дереве`,data:M,columns:Ze,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1},render:R},X={args:{title:`Слияние дубликатов в дереве`,data:N,columns:P,hierarchy:Je,selectionMode:`none`,expandFirstLevel:!0,indentSize:1},render:rt},Z={args:{title:`OData metadata adapter`,data:M,columns:$e,hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1},render:R},Q={args:{title:`useODataTableColumns: build`,data:M,columns:[],hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1},decorators:[tt],parameters:{odataService:F,odataEntity:I,odataMetadata:et},render:p((e,t)=>(0,A.jsx)(D,{args:e,updateArgs:t}))},$={args:{title:`useODataTableColumns: enrich`,data:M,columns:[],hierarchy:j,selectionMode:`none`,expandFirstLevel:!0,indentSize:1},decorators:[tt],parameters:{odataService:F,odataEntity:I,odataMetadata:et},render:p((e,t)=>(0,A.jsx)(We,{args:e,updateArgs:t}))},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  render: renderFinancialTreeTableStory
+}`,...z.parameters?.docs?.source},description:{story:`Базовый сценарий дерева с раскрытием первого уровня.`,...z.parameters?.docs?.description}}},B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
+  args: {
+    selectionMode: "multi"
+  },
+  render: createControlledStoryRender<TreeTableProps<FinancialRow>>((args, updateArgs) => <SelectionTreeTableCanvas args={args} updateArgs={updateArgs} />)
+}`,...B.parameters?.docs?.source},description:{story:`Множественный выбор с отображением текущего результата.`,...B.parameters?.docs?.description}}},V.parameters={...V.parameters,docs:{...V.parameters?.docs,source:{originalSource:`{
+  args: {
+    expandFirstLevel: false
+  },
+  render: renderFinancialTreeTableStory
+}`,...V.parameters?.docs?.source},description:{story:`Дерево остаётся свёрнутым до взаимодействия пользователя.`,...V.parameters?.docs?.description}}},H.parameters={...H.parameters,docs:{...H.parameters?.docs,source:{originalSource:`{
+  args: {
+    expandFirstLevel: false,
+    defaultExpandedRowIds: ["margin", "margin_logistics"]
+  },
+  render: renderFinancialTreeTableStory
+}`,...H.parameters?.docs?.source},description:{story:`Дополнительно раскрывает конкретную ветку при первой инициализации.`,...H.parameters?.docs?.description}}},U.parameters={...U.parameters,docs:{...U.parameters?.docs,source:{originalSource:`{
+  args: {
+    selectionMode: "multi",
+    getRowCanSelect: row => !row.isLocked
+  },
+  render: createControlledStoryRender<TreeTableProps<FinancialRow>>((args, updateArgs) => <SelectionTreeTableCanvas args={args} updateArgs={updateArgs} intro="Строка «Экспортная логистика» остаётся в дереве, но не участвует в выборе." />)
+}`,...U.parameters?.docs?.source},description:{story:`Часть строк можно показать, но запретить выбирать.`,...U.parameters?.docs?.description}}},W.parameters={...W.parameters,docs:{...W.parameters?.docs,source:{originalSource:`{
+  args: {
+    isFetching: true
+  },
+  render: renderFinancialTreeTableStory
+}`,...W.parameters?.docs?.source},description:{story:`Сценарий фонового обновления данных без очистки дерева.`,...W.parameters?.docs?.description}}},G.parameters={...G.parameters,docs:{...G.parameters?.docs,source:{originalSource:`{
+  args: {
+    data: []
+  },
+  render: renderFinancialTreeTableStory
+}`,...G.parameters?.docs?.source},description:{story:`Пустой источник данных.`,...G.parameters?.docs?.description}}},K.parameters={...K.parameters,docs:{...K.parameters?.docs,source:{originalSource:`{
+  args: {
+    isLoading: true
+  },
+  render: renderFinancialTreeTableStory
+}`,...K.parameters?.docs?.source},description:{story:`Состояние первичной загрузки.`,...K.parameters?.docs?.description}}},q.parameters={...q.parameters,docs:{...q.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "Формула в дереве",
+    data: formattingRows,
+    columns: formulaColumns,
+    hierarchy: formattingHierarchy,
+    selectionMode: "none",
+    expandFirstLevel: true,
+    indentSize: 1
+  },
+  render: renderFormattingTreeTableStory
+}`,...q.parameters?.docs?.source},description:{story:`Сценарий с formula-based колонкой в древовидной таблице.`,...q.parameters?.docs?.description}}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "Форматирование tree-колонки",
+    data: formattingRows,
+    columns: treeFormattedColumns,
+    hierarchy: formattingHierarchy,
+    treeColumnId: "totalAmount",
+    selectionMode: "none",
+    expandFirstLevel: true,
+    indentSize: 1
+  },
+  render: renderFormattingTreeTableStory
+}`,...J.parameters?.docs?.source},description:{story:`Сценарий, где formatting применяется прямо в tree-колонке.`,...J.parameters?.docs?.description}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "Скрытие нулей в дереве",
+    data: formattingRows,
+    columns: hiddenZeroColumns,
+    hierarchy: formattingHierarchy,
+    selectionMode: "none",
+    expandFirstLevel: true,
+    indentSize: 1
+  },
+  render: renderFormattingTreeTableStory
+}`,...Y.parameters?.docs?.source},description:{story:`Сценарий со скрытием нулевых значений в дереве.`,...Y.parameters?.docs?.description}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "Слияние дубликатов в дереве",
+    data: divisionTreeRows,
+    columns: divisionTreeColumns,
+    hierarchy: divisionTreeHierarchy,
+    selectionMode: "none",
+    expandFirstLevel: true,
+    indentSize: 1
+  },
+  render: renderDivisionTreeTableStory
+}`,...X.parameters?.docs?.source},description:{story:"Сценарий со слиянием дубликатов на одной глубине в `TreeTable`.",...X.parameters?.docs?.description}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "OData metadata adapter",
+    data: formattingRows,
+    columns: adapterColumns,
+    hierarchy: formattingHierarchy,
+    selectionMode: "none",
+    expandFirstLevel: true,
+    indentSize: 1
+  },
+  render: renderFormattingTreeTableStory
+}`,...Z.parameters?.docs?.source},description:{story:`Сценарий со статическим OData metadata adapter в build-режиме.`,...Z.parameters?.docs?.description}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "useODataTableColumns: build",
+    data: formattingRows,
+    columns: [],
+    hierarchy: formattingHierarchy,
+    selectionMode: "none",
+    expandFirstLevel: true,
+    indentSize: 1
+  },
+  decorators: [withMockedHookODataMetadata],
+  parameters: {
+    odataService: HOOK_ODATA_SERVICE,
+    odataEntity: HOOK_ODATA_ENTITY,
+    odataMetadata: hookMetadata
+  },
+  render: createControlledStoryRender<TreeTableProps<FinancialFormattingRow>>((args, updateArgs) => <HookBuildTreeTableStory args={args} updateArgs={updateArgs} />)
+}`,...Q.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме build для TreeTable.",...Q.parameters?.docs?.description}}},$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
+  args: {
+    title: "useODataTableColumns: enrich",
+    data: formattingRows,
+    columns: [],
+    hierarchy: formattingHierarchy,
+    selectionMode: "none",
+    expandFirstLevel: true,
+    indentSize: 1
+  },
+  decorators: [withMockedHookODataMetadata],
+  parameters: {
+    odataService: HOOK_ODATA_SERVICE,
+    odataEntity: HOOK_ODATA_ENTITY,
+    odataMetadata: hookMetadata
+  },
+  render: createControlledStoryRender<TreeTableProps<FinancialFormattingRow>>((args, updateArgs) => <HookEnrichTreeTableStory args={args} updateArgs={updateArgs} />)
+}`,...$.parameters?.docs?.source},description:{story:"Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich для TreeTable.",...$.parameters?.docs?.description}}},it=[`Basic`,`MultiSelect`,`CollapsedByDefault`,`WithDefaultExpandedBranch`,`WithDisabledRows`,`Fetching`,`Empty`,`Loading`,`WithFormulaColumn`,`WithFormattedTreeColumn`,`WithHiddenZero`,`WithMergedDuplicates`,`WithODataMetadataAdapter`,`WithUseODataTableColumnsBuildHook`,`WithUseODataTableColumnsEnrichHook`]})))()}export{at as _,K as a,H as c,q as d,Y as f,$ as g,Q as h,W as i,U as l,Z as m,V as n,B as o,X as p,G as r,He as s,z as t,J as u};

package/storybook-static/assets/{WithTooltip-7X4HQR7L-DQ4Qthn2.js → WithTooltip-CDUNV5IS-mFMh6Qcu.js}

@@ -1,7 +1,7 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{a as r,i,t as a}from"./chunk-IMSF75WX-CGYlPTyG.js";import{a as o,g as s,u as c,w as l}from"./theming-Cvtrnj7n.js";import{n as u,t as d}from"./chunk-DRQKCCAG-DvsmU7ha.js";import{t as f}from"./react-dom-BzEl8usk.js";import{t as p}from"./chunk-242VQQM5-bHL6qIJq.js";function m(e){return e?(e.nodeName||``).toLowerCase():null}function h(e){if(e==null)return window;if(e.toString()!==`[object Window]`){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function g(e){return e instanceof h(e).Element||e instanceof Element}function _(e){return e instanceof h(e).HTMLElement||e instanceof HTMLElement}function v(e){return typeof ShadowRoot>`u`?!1:e instanceof h(e).ShadowRoot||e instanceof ShadowRoot}function y(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},i=t.elements[e];!_(i)||!m(i)||(Object.assign(i.style,n),Object.keys(r).forEach(function(e){var t=r[e];t===!1?i.removeAttribute(e):i.setAttribute(e,t===!0?``:t)}))})}function b(e){var t=e.state,n={popper:{position:t.options.strategy,left:`0`,top:`0`,margin:`0`},arrow:{position:`absolute`},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(e){var r=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce(function(e,t){return e[t]=``,e},{});!_(r)||!m(r)||(Object.assign(r.style,a),Object.keys(i).forEach(function(e){r.removeAttribute(e)}))})}}function x(e){return e.split(`-`)[0]}function S(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+`/`+e.version}).join(` `):navigator.userAgent}function C(){return!/^((?!chrome|android).)*safari/i.test(S())}function w(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,a=1;t&&_(e)&&(i=e.offsetWidth>0&&Z(r.width)/e.offsetWidth||1,a=e.offsetHeight>0&&Z(r.height)/e.offsetHeight||1);var o=(g(e)?h(e):window).visualViewport,s=!C()&&n,c=(r.left+(s&&o?o.offsetLeft:0))/i,l=(r.top+(s&&o?o.offsetTop:0))/a,u=r.width/i,d=r.height/a;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c,x:c,y:l}}function T(e){var t=w(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function E(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&v(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function D(e){return h(e).getComputedStyle(e)}function O(e){return[`table`,`td`,`th`].indexOf(m(e))>=0}function k(e){return((g(e)?e.ownerDocument:e.document)||window.document).documentElement}function A(e){return m(e)===`html`?e:e.assignedSlot||e.parentNode||(v(e)?e.host:null)||k(e)}function j(e){return!_(e)||D(e).position===`fixed`?null:e.offsetParent}function M(e){var t=/firefox/i.test(S());if(/Trident/i.test(S())&&_(e)&&D(e).position===`fixed`)return null;var n=A(e);for(v(n)&&(n=n.host);_(n)&&[`html`,`body`].indexOf(m(n))<0;){var r=D(n);if(r.transform!==`none`||r.perspective!==`none`||r.contain===`paint`||[`transform`,`perspective`].indexOf(r.willChange)!==-1||t&&r.willChange===`filter`||t&&r.filter&&r.filter!==`none`)return n;n=n.parentNode}return null}function N(e){for(var t=h(e),n=j(e);n&&O(n)&&D(n).position===`static`;)n=j(n);return n&&(m(n)===`html`||m(n)===`body`&&D(n).position===`static`)?t:n||M(e)||t}function ee(e){return[`top`,`bottom`].indexOf(e)>=0?`x`:`y`}function P(e,t,n){return X(e,mt(t,n))}function te(e,t,n){var r=P(e,t,n);return r>n?n:r}function ne(){return{top:0,right:0,bottom:0,left:0}}function F(e){return Object.assign({},ne(),e)}function I(e,t){return t.reduce(function(t,n){return t[n]=e,t},{})}function re(e){var t,n=e.state,r=e.name,i=e.options,a=n.elements.arrow,o=n.modifiersData.popperOffsets,s=x(n.placement),c=ee(s),l=[K,G].indexOf(s)>=0?`height`:`width`;if(!(!a||!o)){var u=ht(i.padding,n),d=T(a),f=c===`y`?U:K,p=c===`y`?W:G,m=n.rects.reference[l]+n.rects.reference[c]-o[c]-n.rects.popper[l],h=o[c]-n.rects.reference[c],g=N(a),_=g?c===`y`?g.clientHeight||0:g.clientWidth||0:0,v=m/2-h/2,y=u[f],b=_-d[l]-u[p],S=_/2-d[l]/2+v,C=P(y,S,b),w=c;n.modifiersData[r]=(t={},t[w]=C,t.centerOffset=C-S,t)}}function ie(e){var t=e.state,n=e.options.element,r=n===void 0?`[data-popper-arrow]`:n;r!=null&&(typeof r==`string`&&(r=t.elements.popper.querySelector(r),!r)||E(t.elements.popper,r)&&(t.elements.arrow=r))}function L(e){return e.split(`-`)[1]}function ae(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:Z(n*i)/i||0,y:Z(r*i)/i||0}}function oe(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,o=e.offsets,s=e.position,c=e.gpuAcceleration,l=e.adaptive,u=e.roundOffsets,d=e.isFixed,f=o.x,p=f===void 0?0:f,m=o.y,g=m===void 0?0:m,_=typeof u==`function`?u({x:p,y:g}):{x:p,y:g};p=_.x,g=_.y;var v=o.hasOwnProperty(`x`),y=o.hasOwnProperty(`y`),b=K,x=U,S=window;if(l){var C=N(n),w=`clientHeight`,T=`clientWidth`;if(C===h(n)&&(C=k(n),D(C).position!==`static`&&s===`absolute`&&(w=`scrollHeight`,T=`scrollWidth`)),C=C,i===U||(i===K||i===G)&&a===Y){x=W;var E=d&&C===S&&S.visualViewport?S.visualViewport.height:C[w];g-=E-r.height,g*=c?1:-1}if(i===K||(i===U||i===W)&&a===Y){b=G;var O=d&&C===S&&S.visualViewport?S.visualViewport.width:C[T];p-=O-r.width,p*=c?1:-1}}var A=Object.assign({position:s},l&&_t),j=u===!0?ae({x:p,y:g},h(n)):{x:p,y:g};if(p=j.x,g=j.y,c){var M;return Object.assign({},A,(M={},M[x]=y?`0`:``,M[b]=v?`0`:``,M.transform=(S.devicePixelRatio||1)<=1?`translate(`+p+`px, `+g+`px)`:`translate3d(`+p+`px, `+g+`px, 0)`,M))}return Object.assign({},A,(t={},t[x]=y?g+`px`:``,t[b]=v?p+`px`:``,t.transform=``,t))}function se(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0||r,a=n.adaptive,o=a===void 0||a,s=n.roundOffsets,c=s===void 0||s,l={placement:x(t.placement),variation:L(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy===`fixed`};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,oe(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,oe(Object.assign({},l,{offsets:t.modifiersData.arrow,position:`absolute`,adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}function ce(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=i===void 0||i,o=r.resize,s=o===void 0||o,c=h(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&l.forEach(function(e){e.addEventListener(`scroll`,n.update,yt)}),s&&c.addEventListener(`resize`,n.update,yt),function(){a&&l.forEach(function(e){e.removeEventListener(`scroll`,n.update,yt)}),s&&c.removeEventListener(`resize`,n.update,yt)}}function le(e){return e.replace(/left|right|bottom|top/g,function(e){return xt[e]})}function ue(e){return e.replace(/start|end/g,function(e){return St[e]})}function de(e){var t=h(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function fe(e){return w(k(e)).left+de(e).scrollLeft}function pe(e,t){var n=h(e),r=k(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;var l=C();(l||!l&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:a,height:o,x:s+fe(e),y:c}}function me(e){var t=k(e),n=de(e),r=e.ownerDocument?.body,i=X(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=X(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),o=-n.scrollLeft+fe(e),s=-n.scrollTop;return D(r||t).direction===`rtl`&&(o+=X(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:o,y:s}}function he(e){var t=D(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function ge(e){return[`html`,`body`,`#document`].indexOf(m(e))>=0?e.ownerDocument.body:_(e)&&he(e)?e:ge(A(e))}function R(e,t){t===void 0&&(t=[]);var n=ge(e),r=n===e.ownerDocument?.body,i=h(n),a=r?[i].concat(i.visualViewport||[],he(n)?n:[]):n,o=t.concat(a);return r?o:o.concat(R(A(a)))}function _e(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ve(e,t){var n=w(e,!1,t===`fixed`);return n.top+=e.clientTop,n.left+=e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function ye(e,t,n){return t===st?_e(pe(e,n)):g(t)?ve(t,n):_e(me(k(e)))}function be(e){var t=R(A(e)),n=[`absolute`,`fixed`].indexOf(D(e).position)>=0&&_(e)?N(e):e;return g(n)?t.filter(function(e){return g(e)&&E(e,n)&&m(e)!==`body`}):[]}function xe(e,t,n,r){var i=t===`clippingParents`?be(e):[].concat(t),a=[].concat(i,[n]),o=a[0],s=a.reduce(function(t,n){var i=ye(e,n,r);return t.top=X(i.top,t.top),t.right=mt(i.right,t.right),t.bottom=mt(i.bottom,t.bottom),t.left=X(i.left,t.left),t},ye(e,o,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Se(e){var t=e.reference,n=e.element,r=e.placement,i=r?x(r):null,a=r?L(r):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,c;switch(i){case U:c={x:o,y:t.y-n.height};break;case W:c={x:o,y:t.y+t.height};break;case G:c={x:t.x+t.width,y:s};break;case K:c={x:t.x-n.width,y:s};break;default:c={x:t.x,y:t.y}}var l=i?ee(i):null;if(l!=null){var u=l===`y`?`height`:`width`;switch(a){case J:c[l]=c[l]-(t[u]/2-n[u]/2);break;case Y:c[l]=c[l]+(t[u]/2-n[u]/2)}}return c}function Ce(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,a=n.strategy,o=a===void 0?e.strategy:a,s=n.boundary,c=s===void 0?ot:s,l=n.rootBoundary,u=l===void 0?st:l,d=n.elementContext,f=d===void 0?ct:d,p=n.altBoundary,m=p!==void 0&&p,h=n.padding,_=h===void 0?0:h,v=F(typeof _==`number`?I(_,q):_),y=f===ct?lt:ct,b=e.rects.popper,x=e.elements[m?y:f],S=xe(g(x)?x:x.contextElement||k(e.elements.popper),c,u,o),C=w(e.elements.reference),T=Se({reference:C,element:b,strategy:`absolute`,placement:i}),E=_e(Object.assign({},b,T)),D=f===ct?E:C,O={top:S.top-D.top+v.top,bottom:D.bottom-S.bottom+v.bottom,left:S.left-D.left+v.left,right:D.right-S.right+v.right},A=e.modifiersData.offset;if(f===ct&&A){var j=A[i];Object.keys(O).forEach(function(e){var t=[G,W].indexOf(e)>=0?1:-1,n=[U,W].indexOf(e)>=0?`y`:`x`;O[e]+=j[n]*t})}return O}function z(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,a=n.rootBoundary,o=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,l=c===void 0?dt:c,u=L(r),d=u?s?ut:ut.filter(function(e){return L(e)===u}):q,f=d.filter(function(e){return l.indexOf(e)>=0});f.length===0&&(f=d);var p=f.reduce(function(t,n){return t[n]=Ce(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[x(n)],t},{});return Object.keys(p).sort(function(e,t){return p[e]-p[t]})}function we(e){if(x(e)===at)return[];var t=le(e);return[ue(e),t,ue(t)]}function Te(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,a=i===void 0||i,o=n.altAxis,s=o===void 0||o,c=n.fallbackPlacements,l=n.padding,u=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,m=p===void 0||p,h=n.allowedAutoPlacements,g=t.options.placement,_=x(g)===g,v=c||(_||!m?[le(g)]:we(g)),y=[g].concat(v).reduce(function(e,n){return e.concat(x(n)===at?z(t,{placement:n,boundary:u,rootBoundary:d,padding:l,flipVariations:m,allowedAutoPlacements:h}):n)},[]),b=t.rects.reference,S=t.rects.popper,C=new Map,w=!0,T=y[0],E=0;E<y.length;E++){var D=y[E],O=x(D),k=L(D)===J,A=[U,W].indexOf(O)>=0,j=A?`width`:`height`,M=Ce(t,{placement:D,boundary:u,rootBoundary:d,altBoundary:f,padding:l}),N=A?k?G:K:k?W:U;b[j]>S[j]&&(N=le(N));var ee=le(N),P=[];if(a&&P.push(M[O]<=0),s&&P.push(M[N]<=0,M[ee]<=0),P.every(function(e){return e})){T=D,w=!1;break}C.set(D,P)}if(w)for(var te=m?3:1,ne=function(e){var t=y.find(function(t){var n=C.get(t);if(n)return n.slice(0,e).every(function(e){return e})});if(t)return T=t,`break`},F=te;F>0&&ne(F)!==`break`;F--);t.placement!==T&&(t.modifiersData[r]._skip=!0,t.placement=T,t.reset=!0)}}function Ee(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function De(e){return[U,G,W,K].some(function(t){return e[t]>=0})}function Oe(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,a=t.modifiersData.preventOverflow,o=Ce(t,{elementContext:`reference`}),s=Ce(t,{altBoundary:!0}),c=Ee(o,r),l=Ee(s,i,a),u=De(c),d=De(l);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}function ke(e,t,n){var r=x(e),i=[K,U].indexOf(r)>=0?-1:1,a=typeof n==`function`?n(Object.assign({},t,{placement:e})):n,o=a[0],s=a[1];return o||=0,s=(s||0)*i,[K,G].indexOf(r)>=0?{x:s,y:o}:{x:o,y:s}}function Ae(e){var t=e.state,n=e.options,r=e.name,i=n.offset,a=i===void 0?[0,0]:i,o=dt.reduce(function(e,n){return e[n]=ke(n,t.rects,a),e},{}),s=o[t.placement],c=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[r]=o}function je(e){var t=e.state,n=e.name;t.modifiersData[n]=Se({reference:t.rects.reference,element:t.rects.popper,strategy:`absolute`,placement:t.placement})}function Me(e){return e===`x`?`y`:`x`}function Ne(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,a=i===void 0||i,o=n.altAxis,s=o!==void 0&&o,c=n.boundary,l=n.rootBoundary,u=n.altBoundary,d=n.padding,f=n.tether,p=f===void 0||f,m=n.tetherOffset,h=m===void 0?0:m,g=Ce(t,{boundary:c,rootBoundary:l,padding:d,altBoundary:u}),_=x(t.placement),v=L(t.placement),y=!v,b=ee(_),S=Me(b),C=t.modifiersData.popperOffsets,w=t.rects.reference,E=t.rects.popper,D=typeof h==`function`?h(Object.assign({},t.rects,{placement:t.placement})):h,O=typeof D==`number`?{mainAxis:D,altAxis:D}:Object.assign({mainAxis:0,altAxis:0},D),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,A={x:0,y:0};if(C){if(a){var j=b===`y`?U:K,M=b===`y`?W:G,F=b===`y`?`height`:`width`,I=C[b],re=I+g[j],ie=I-g[M],ae=p?-E[F]/2:0,oe=v===J?w[F]:E[F],se=v===J?-E[F]:-w[F],ce=t.elements.arrow,le=p&&ce?T(ce):{width:0,height:0},ue=t.modifiersData[`arrow#persistent`]?t.modifiersData[`arrow#persistent`].padding:ne(),de=ue[j],fe=ue[M],pe=P(0,w[F],le[F]),me=y?w[F]/2-ae-pe-de-O.mainAxis:oe-pe-de-O.mainAxis,he=y?-w[F]/2+ae+pe+fe+O.mainAxis:se+pe+fe+O.mainAxis,ge=t.elements.arrow&&N(t.elements.arrow),R=ge?b===`y`?ge.clientTop||0:ge.clientLeft||0:0,_e=k?.[b]??0,ve=I+me-_e-R,ye=I+he-_e,be=P(p?mt(re,ve):re,I,p?X(ie,ye):ie);C[b]=be,A[b]=be-I}if(s){var xe=b===`x`?U:K,Se=b===`x`?W:G,z=C[S],we=S===`y`?`height`:`width`,Te=z+g[xe],Ee=z-g[Se],De=[U,K].indexOf(_)!==-1,Oe=k?.[S]??0,ke=De?Te:z-w[we]-E[we]-Oe+O.altAxis,Ae=De?z+w[we]+E[we]-Oe-O.altAxis:Ee,je=p&&De?te(ke,z,Ae):P(p?ke:Te,z,p?Ae:Ee);C[S]=je,A[S]=je-z}t.modifiersData[r]=A}}function Pe(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Fe(e){return e===h(e)||!_(e)?de(e):Pe(e)}function Ie(e){var t=e.getBoundingClientRect(),n=Z(t.width)/e.offsetWidth||1,r=Z(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Le(e,t,n){n===void 0&&(n=!1);var r=_(t),i=_(t)&&Ie(t),a=k(t),o=w(e,i,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&((m(t)!==`body`||he(a))&&(s=Fe(t)),_(t)?(c=w(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=fe(a))),{x:o.left+s.scrollLeft-c.x,y:o.top+s.scrollTop-c.y,width:o.width,height:o.height}}function Re(e){var t=new Map,n=new Set,r=[];e.forEach(function(e){t.set(e.name,e)});function i(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!n.has(e)){var r=t.get(e);r&&i(r)}}),r.push(e)}return e.forEach(function(e){n.has(e.name)||i(e)}),r}function ze(e){var t=Re(e);return ft.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}function Be(e){var t;return function(){return t||=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})}),t}}function Ve(e){var t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(t).map(function(e){return t[e]})}function He(){return![...arguments].some(function(e){return!(e&&typeof e.getBoundingClientRect==`function`)})}function Ue(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,a=i===void 0?Ot:i;return function(e,t,n){n===void 0&&(n=a);var i={placement:`bottom`,orderedModifiers:[],options:Object.assign({},Ot,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},o=[],s=!1,c={state:i,setOptions:function(n){var o=typeof n==`function`?n(i.options):n;u(),i.options=Object.assign({},a,i.options,o),i.scrollParents={reference:g(e)?R(e):e.contextElement?R(e.contextElement):[],popper:R(t)};var s=ze(Ve([].concat(r,i.options.modifiers)));return i.orderedModifiers=s.filter(function(e){return e.enabled}),l(),c.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,n=e.popper;if(He(t,n)){i.rects={reference:Le(t,N(n),i.options.strategy===`fixed`),popper:T(n)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(e){return i.modifiersData[e.name]=Object.assign({},e.data)});for(var r=0;r<i.orderedModifiers.length;r++){if(i.reset===!0){i.reset=!1,r=-1;continue}var a=i.orderedModifiers[r],o=a.fn,l=a.options,u=l===void 0?{}:l,d=a.name;typeof o==`function`&&(i=o({state:i,options:u,name:d,instance:c})||i)}}}},update:Be(function(){return new Promise(function(e){c.forceUpdate(),e(i)})}),destroy:function(){u(),s=!0}};if(!He(e,t))return c;c.setOptions(n).then(function(e){!s&&n.onFirstUpdate&&n.onFirstUpdate(e)});function l(){i.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,r=n===void 0?{}:n,a=e.effect;if(typeof a==`function`){var s=a({state:i,name:t,instance:c,options:r});o.push(s||function(){})}})}function u(){o.forEach(function(e){return e()}),o=[]}return c}}function We(e){var t=V.useRef(e);return t.current=e,V.useCallback(function(){return t.current},[])}function Ge(e){var t=e.initial,n=e.value,r=e.onChange,i=r===void 0?Nt:r;if(t===void 0&&n===void 0)throw TypeError(`Either "value" or "initial" variable must be set. Now both are undefined`);var a=V.useState(t),o=a[0],s=a[1],c=We(o),l=V.useCallback(function(e){var t=c(),n=typeof e==`function`?e(t):e;typeof n.persist==`function`&&n.persist(),s(n),typeof i==`function`&&i(n)},[c,i]),u=n!==void 0;return[u?n:o,u?i:l]}function Ke(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}function qe(e,t){var n,r,i;e===void 0&&(e={}),t===void 0&&(t={});var a=Object.keys(It).reduce(function(e,t){var n;return l({},e,(n={},n[t]=e[t]===void 0?It[t]:e[t],n))},e),o=V.useMemo(function(){return[{name:`offset`,options:{offset:a.offset}}]},Array.isArray(a.offset)?a.offset:[]),s=l({},t,{placement:t.placement||a.placement,modifiers:t.modifiers||o}),c=V.useState(null),u=c[0],d=c[1],f=V.useState(null),m=f[0],h=f[1],g=Ge({initial:a.defaultVisible,value:a.visible,onChange:a.onVisibleChange}),_=g[0],v=g[1],y=V.useRef();V.useEffect(function(){return function(){return clearTimeout(y.current)}},[]);var b=Mt(a.followCursor?Ft:u,m,s),x=b.styles,S=b.attributes,C=p(b,Pt),w=C.update,T=We({visible:_,triggerRef:u,tooltipRef:m,finalConfig:a}),E=V.useCallback(function(e){return Array.isArray(a.trigger)?a.trigger.includes(e):a.trigger===e},Array.isArray(a.trigger)?a.trigger:[a.trigger]),D=V.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!1)},a.delayHide)},[a.delayHide,v]),O=V.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!0)},a.delayShow)},[a.delayShow,v]),k=V.useCallback(function(){T().visible?D():O()},[T,D,O]);V.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var e=function(e){var t,n=T(),r=n.tooltipRef,i=n.triggerRef,a=(e.composedPath==null||(t=e.composedPath())==null?void 0:t[0])||e.target;a instanceof Node&&r!=null&&i!=null&&!r.contains(a)&&!i.contains(a)&&D()};return document.addEventListener(`mousedown`,e),function(){return document.removeEventListener(`mousedown`,e)}}},[T,D]),V.useEffect(function(){if(!(u==null||!E(`click`)))return u.addEventListener(`click`,k),function(){return u.removeEventListener(`click`,k)}},[u,E,k]),V.useEffect(function(){if(!(u==null||!E(`double-click`)))return u.addEventListener(`dblclick`,k),function(){return u.removeEventListener(`dblclick`,k)}},[u,E,k]),V.useEffect(function(){if(!(u==null||!E(`right-click`))){var e=function(e){e.preventDefault(),k()};return u.addEventListener(`contextmenu`,e),function(){return u.removeEventListener(`contextmenu`,e)}}},[u,E,k]),V.useEffect(function(){if(!(u==null||!E(`focus`)))return u.addEventListener(`focus`,O),u.addEventListener(`blur`,D),function(){u.removeEventListener(`focus`,O),u.removeEventListener(`blur`,D)}},[u,E,O,D]),V.useEffect(function(){if(!(u==null||!E(`hover`)))return u.addEventListener(`mouseenter`,O),u.addEventListener(`mouseleave`,D),function(){u.removeEventListener(`mouseenter`,O),u.removeEventListener(`mouseleave`,D)}},[u,E,O,D]),V.useEffect(function(){if(!(m==null||!E(`hover`)||!T().finalConfig.interactive))return m.addEventListener(`mouseenter`,O),m.addEventListener(`mouseleave`,D),function(){m.removeEventListener(`mouseenter`,O),m.removeEventListener(`mouseleave`,D)}},[m,E,O,D,T]);var A=C==null||(n=C.state)==null||(r=n.modifiersData)==null||(i=r.hide)==null?void 0:i.isReferenceHidden;return V.useEffect(function(){a.closeOnTriggerHidden&&A&&D()},[a.closeOnTriggerHidden,D,A]),V.useEffect(function(){if(!a.followCursor||u==null)return;function e(e){var t=e.clientX,n=e.clientY;Ft.getBoundingClientRect=Ke(t,n),w?.()}return u.addEventListener(`mousemove`,e),function(){return u.removeEventListener(`mousemove`,e)}},[a.followCursor,u,w]),V.useEffect(function(){if(m!=null&&w!=null&&a.mutationObserverOptions!=null){var e=new MutationObserver(w);return e.observe(m,a.mutationObserverOptions),function(){return e.disconnect()}}},[a.mutationObserverOptions,m,w]),l({getArrowProps:function(e){return e===void 0&&(e={}),l({},e,S.arrow,{style:l({},e.style,x.arrow),"data-popper-arrow":!0})},getTooltipProps:function(e){return e===void 0&&(e={}),l({},e,{style:l({},e.style,x.popper)},S.popper,{"data-popper-interactive":a.interactive})},setTooltipRef:h,setTriggerRef:d,tooltipRef:m,triggerRef:u,visible:_},C)}var B,Je,V,Ye,Xe,H,Ze,Qe,$e,et,tt,nt,rt,it,U,W,G,K,at,q,J,Y,ot,st,ct,lt,ut,dt,ft,pt,X,mt,Z,ht,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,Pt,Ft,It,Lt,Q,$,Rt,zt,Bt,Vt,Ht,Ut,Wt,Gt;function Kt(){return(Kt=t((()=>{d(),r(),B=e(n(),1),Je=e(f(),1),V=e(n(),1),n(),Ye=e(n(),1),Xe=e(n(),1),H=e(n(),1),Ze=e(f(),1),n(),o(),Qe=a({"../../node_modules/react-fast-compare/index.js"(e,t){var n=typeof Element<`u`,r=typeof Map==`function`,i=typeof Set==`function`,a=typeof ArrayBuffer==`function`&&!!ArrayBuffer.isView;function o(e,t){if(e===t)return!0;if(e&&t&&typeof e==`object`&&typeof t==`object`){if(e.constructor!==t.constructor)return!1;var s,c,l;if(Array.isArray(e)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(!o(e[c],t[c]))return!1;return!0}var u;if(r&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;for(u=e.entries();!(c=u.next()).done;)if(!o(c.value[1],t.get(c.value[0])))return!1;return!0}if(i&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;return!0}if(a&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(e[c]!==t[c])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf==`function`&&typeof t.valueOf==`function`)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString==`function`&&typeof t.toString==`function`)return e.toString()===t.toString();if(l=Object.keys(e),s=l.length,s!==Object.keys(t).length)return!1;for(c=s;c--!==0;)if(!Object.prototype.hasOwnProperty.call(t,l[c]))return!1;if(n&&e instanceof Element)return!1;for(c=s;c--!==0;)if(!((l[c]===`_owner`||l[c]===`__v`||l[c]===`__o`)&&e.$$typeof)&&!o(e[l[c]],t[l[c]]))return!1;return!0}return e!==e&&t!==t}t.exports=function(e,t){try{return o(e,t)}catch(e){if((e.message||``).match(/stack|recursion/i))return console.warn(`react-fast-compare cannot handle circular refs`),!1;throw e}}}}),$e=a({"../../node_modules/warning/warning.js"(e,t){t.exports=function(){}}}),et=i(u(),1),{deprecate:tt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:nt}=__STORYBOOK_MODULE_GLOBAL__,Ye.createContext(),Ye.createContext(),rt=function(e){return e.reduce(function(e,t){var n=t[0];return e[n]=t[1],e},{})},it=typeof window<`u`&&window.document&&window.document.createElement?Xe.useLayoutEffect:Xe.useEffect,U=`top`,W=`bottom`,G=`right`,K=`left`,at=`auto`,q=[U,W,G,K],J=`start`,Y=`end`,ot=`clippingParents`,st=`viewport`,ct=`popper`,lt=`reference`,ut=q.reduce(function(e,t){return e.concat([t+`-`+J,t+`-`+Y])},[]),dt=[].concat(q,[at]).reduce(function(e,t){return e.concat([t,t+`-`+J,t+`-`+Y])},[]),ft=[`beforeRead`,`read`,`afterRead`,`beforeMain`,`main`,`afterMain`,`beforeWrite`,`write`,`afterWrite`],pt={name:`applyStyles`,enabled:!0,phase:`write`,fn:y,effect:b,requires:[`computeStyles`]},X=Math.max,mt=Math.min,Z=Math.round,ht=function(e,t){return e=typeof e==`function`?e(Object.assign({},t.rects,{placement:t.placement})):e,F(typeof e==`number`?I(e,q):e)},gt={name:`arrow`,enabled:!0,phase:`main`,fn:re,effect:ie,requires:[`popperOffsets`],requiresIfExists:[`preventOverflow`]},_t={top:`auto`,right:`auto`,bottom:`auto`,left:`auto`},vt={name:`computeStyles`,enabled:!0,phase:`beforeWrite`,fn:se,data:{}},yt={passive:!0},bt={name:`eventListeners`,enabled:!0,phase:`write`,fn:function(){},effect:ce,data:{}},xt={left:`right`,right:`left`,bottom:`top`,top:`bottom`},St={start:`end`,end:`start`},Ct={name:`flip`,enabled:!0,phase:`main`,fn:Te,requiresIfExists:[`offset`],data:{_skip:!1}},wt={name:`hide`,enabled:!0,phase:`main`,requiresIfExists:[`preventOverflow`],fn:Oe},Tt={name:`offset`,enabled:!0,phase:`main`,requires:[`popperOffsets`],fn:Ae},Et={name:`popperOffsets`,enabled:!0,phase:`read`,fn:je,data:{}},Dt={name:`preventOverflow`,enabled:!0,phase:`main`,fn:Ne,requiresIfExists:[`offset`]},Ot={placement:`bottom`,modifiers:[],strategy:`absolute`},Ue(),Ue({defaultModifiers:[bt,Et,vt,pt]}),kt=Ue({defaultModifiers:[bt,Et,vt,pt,Tt,Ct,Dt,gt,wt]}),At=i(Qe()),jt=[],Mt=function(e,t,n){n===void 0&&(n={});var r=H.useRef(null),i={onFirstUpdate:n.onFirstUpdate,placement:n.placement||`bottom`,strategy:n.strategy||`absolute`,modifiers:n.modifiers||jt},a=H.useState({styles:{popper:{position:i.strategy,left:`0`,top:`0`},arrow:{position:`absolute`}},attributes:{}}),o=a[0],s=a[1],c=H.useMemo(function(){return{name:`updateState`,enabled:!0,phase:`write`,fn:function(e){var t=e.state,n=Object.keys(t.elements);Ze.flushSync(function(){s({styles:rt(n.map(function(e){return[e,t.styles[e]||{}]})),attributes:rt(n.map(function(e){return[e,t.attributes[e]]}))})})},requires:[`computeStyles`]}},[]),l=H.useMemo(function(){var e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[].concat(i.modifiers,[c,{name:`applyStyles`,enabled:!1}])};return(0,At.default)(r.current,e)?r.current||e:(r.current=e,e)},[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,c]),u=H.useRef();return it(function(){u.current&&u.current.setOptions(l)},[l]),it(function(){if(e!=null&&t!=null){var r=(n.createPopper||kt)(e,t,l);return u.current=r,function(){r.destroy(),u.current=null}}},[e,t,n.createPopper]),{state:u.current?u.current.state:null,styles:o.styles,attributes:o.attributes,update:u.current?u.current.update:null,forceUpdate:u.current?u.current.forceUpdate:null}},i($e()),Nt=function(){},Pt=[`styles`,`attributes`],Ft={getBoundingClientRect:Ke()},It={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:`hover`},{document:Lt}=nt,Q=(0,et.default)(1e3)((e,t,n,r=0)=>t.split(`-`)[0]===e?n:r),$=8,Rt=c.div({position:`absolute`,borderStyle:`solid`},({placement:e})=>{let t=0,n=0;switch(!0){case e.startsWith(`left`)||e.startsWith(`right`):n=8;break;case e.startsWith(`top`)||e.startsWith(`bottom`):t=8}return{transform:`translate3d(${t}px, ${n}px, 0px)`}},({theme:e,color:t,placement:n})=>({bottom:`${Q(`top`,n,`${$*-1}px`,`auto`)}`,top:`${Q(`bottom`,n,`${$*-1}px`,`auto`)}`,right:`${Q(`left`,n,`${$*-1}px`,`auto`)}`,left:`${Q(`right`,n,`${$*-1}px`,`auto`)}`,borderBottomWidth:`${Q(`top`,n,`0`,$)}px`,borderTopWidth:`${Q(`bottom`,n,`0`,$)}px`,borderRightWidth:`${Q(`left`,n,`0`,$)}px`,borderLeftWidth:`${Q(`right`,n,`0`,$)}px`,borderTopColor:Q(`top`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`),borderBottomColor:Q(`bottom`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`),borderLeftColor:Q(`left`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`),borderRightColor:Q(`right`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`)})),zt=c.div(({hidden:e})=>({display:e?`none`:`inline-block`,zIndex:2147483647,colorScheme:`light dark`}),({theme:e,color:t,hasChrome:n})=>n?{background:t&&e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,filter:`
+import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{a as r,i,t as a}from"./chunk-IMSF75WX-CGYlPTyG.js";import{a as o,g as s,u as c,w as l}from"./theming-BgT2grXK.js";import{n as u,t as d}from"./chunk-DRQKCCAG-DvsmU7ha.js";import{t as f}from"./react-dom-BzEl8usk.js";import{t as p}from"./chunk-242VQQM5-bHL6qIJq.js";function m(e){return e?(e.nodeName||``).toLowerCase():null}function h(e){if(e==null)return window;if(e.toString()!==`[object Window]`){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function g(e){return e instanceof h(e).Element||e instanceof Element}function _(e){return e instanceof h(e).HTMLElement||e instanceof HTMLElement}function v(e){return typeof ShadowRoot>`u`?!1:e instanceof h(e).ShadowRoot||e instanceof ShadowRoot}function y(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},i=t.elements[e];!_(i)||!m(i)||(Object.assign(i.style,n),Object.keys(r).forEach(function(e){var t=r[e];t===!1?i.removeAttribute(e):i.setAttribute(e,t===!0?``:t)}))})}function b(e){var t=e.state,n={popper:{position:t.options.strategy,left:`0`,top:`0`,margin:`0`},arrow:{position:`absolute`},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(e){var r=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce(function(e,t){return e[t]=``,e},{});!_(r)||!m(r)||(Object.assign(r.style,a),Object.keys(i).forEach(function(e){r.removeAttribute(e)}))})}}function x(e){return e.split(`-`)[0]}function S(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+`/`+e.version}).join(` `):navigator.userAgent}function C(){return!/^((?!chrome|android).)*safari/i.test(S())}function w(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,a=1;t&&_(e)&&(i=e.offsetWidth>0&&Z(r.width)/e.offsetWidth||1,a=e.offsetHeight>0&&Z(r.height)/e.offsetHeight||1);var o=(g(e)?h(e):window).visualViewport,s=!C()&&n,c=(r.left+(s&&o?o.offsetLeft:0))/i,l=(r.top+(s&&o?o.offsetTop:0))/a,u=r.width/i,d=r.height/a;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c,x:c,y:l}}function T(e){var t=w(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function E(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&v(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function D(e){return h(e).getComputedStyle(e)}function O(e){return[`table`,`td`,`th`].indexOf(m(e))>=0}function k(e){return((g(e)?e.ownerDocument:e.document)||window.document).documentElement}function A(e){return m(e)===`html`?e:e.assignedSlot||e.parentNode||(v(e)?e.host:null)||k(e)}function j(e){return!_(e)||D(e).position===`fixed`?null:e.offsetParent}function M(e){var t=/firefox/i.test(S());if(/Trident/i.test(S())&&_(e)&&D(e).position===`fixed`)return null;var n=A(e);for(v(n)&&(n=n.host);_(n)&&[`html`,`body`].indexOf(m(n))<0;){var r=D(n);if(r.transform!==`none`||r.perspective!==`none`||r.contain===`paint`||[`transform`,`perspective`].indexOf(r.willChange)!==-1||t&&r.willChange===`filter`||t&&r.filter&&r.filter!==`none`)return n;n=n.parentNode}return null}function N(e){for(var t=h(e),n=j(e);n&&O(n)&&D(n).position===`static`;)n=j(n);return n&&(m(n)===`html`||m(n)===`body`&&D(n).position===`static`)?t:n||M(e)||t}function ee(e){return[`top`,`bottom`].indexOf(e)>=0?`x`:`y`}function P(e,t,n){return X(e,mt(t,n))}function te(e,t,n){var r=P(e,t,n);return r>n?n:r}function ne(){return{top:0,right:0,bottom:0,left:0}}function F(e){return Object.assign({},ne(),e)}function I(e,t){return t.reduce(function(t,n){return t[n]=e,t},{})}function re(e){var t,n=e.state,r=e.name,i=e.options,a=n.elements.arrow,o=n.modifiersData.popperOffsets,s=x(n.placement),c=ee(s),l=[K,G].indexOf(s)>=0?`height`:`width`;if(!(!a||!o)){var u=ht(i.padding,n),d=T(a),f=c===`y`?U:K,p=c===`y`?W:G,m=n.rects.reference[l]+n.rects.reference[c]-o[c]-n.rects.popper[l],h=o[c]-n.rects.reference[c],g=N(a),_=g?c===`y`?g.clientHeight||0:g.clientWidth||0:0,v=m/2-h/2,y=u[f],b=_-d[l]-u[p],S=_/2-d[l]/2+v,C=P(y,S,b),w=c;n.modifiersData[r]=(t={},t[w]=C,t.centerOffset=C-S,t)}}function ie(e){var t=e.state,n=e.options.element,r=n===void 0?`[data-popper-arrow]`:n;r!=null&&(typeof r==`string`&&(r=t.elements.popper.querySelector(r),!r)||E(t.elements.popper,r)&&(t.elements.arrow=r))}function L(e){return e.split(`-`)[1]}function ae(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:Z(n*i)/i||0,y:Z(r*i)/i||0}}function oe(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,o=e.offsets,s=e.position,c=e.gpuAcceleration,l=e.adaptive,u=e.roundOffsets,d=e.isFixed,f=o.x,p=f===void 0?0:f,m=o.y,g=m===void 0?0:m,_=typeof u==`function`?u({x:p,y:g}):{x:p,y:g};p=_.x,g=_.y;var v=o.hasOwnProperty(`x`),y=o.hasOwnProperty(`y`),b=K,x=U,S=window;if(l){var C=N(n),w=`clientHeight`,T=`clientWidth`;if(C===h(n)&&(C=k(n),D(C).position!==`static`&&s===`absolute`&&(w=`scrollHeight`,T=`scrollWidth`)),C=C,i===U||(i===K||i===G)&&a===Y){x=W;var E=d&&C===S&&S.visualViewport?S.visualViewport.height:C[w];g-=E-r.height,g*=c?1:-1}if(i===K||(i===U||i===W)&&a===Y){b=G;var O=d&&C===S&&S.visualViewport?S.visualViewport.width:C[T];p-=O-r.width,p*=c?1:-1}}var A=Object.assign({position:s},l&&_t),j=u===!0?ae({x:p,y:g},h(n)):{x:p,y:g};if(p=j.x,g=j.y,c){var M;return Object.assign({},A,(M={},M[x]=y?`0`:``,M[b]=v?`0`:``,M.transform=(S.devicePixelRatio||1)<=1?`translate(`+p+`px, `+g+`px)`:`translate3d(`+p+`px, `+g+`px, 0)`,M))}return Object.assign({},A,(t={},t[x]=y?g+`px`:``,t[b]=v?p+`px`:``,t.transform=``,t))}function se(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0||r,a=n.adaptive,o=a===void 0||a,s=n.roundOffsets,c=s===void 0||s,l={placement:x(t.placement),variation:L(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy===`fixed`};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,oe(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,oe(Object.assign({},l,{offsets:t.modifiersData.arrow,position:`absolute`,adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}function ce(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=i===void 0||i,o=r.resize,s=o===void 0||o,c=h(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&l.forEach(function(e){e.addEventListener(`scroll`,n.update,yt)}),s&&c.addEventListener(`resize`,n.update,yt),function(){a&&l.forEach(function(e){e.removeEventListener(`scroll`,n.update,yt)}),s&&c.removeEventListener(`resize`,n.update,yt)}}function le(e){return e.replace(/left|right|bottom|top/g,function(e){return xt[e]})}function ue(e){return e.replace(/start|end/g,function(e){return St[e]})}function de(e){var t=h(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function fe(e){return w(k(e)).left+de(e).scrollLeft}function pe(e,t){var n=h(e),r=k(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;var l=C();(l||!l&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:a,height:o,x:s+fe(e),y:c}}function me(e){var t=k(e),n=de(e),r=e.ownerDocument?.body,i=X(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=X(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),o=-n.scrollLeft+fe(e),s=-n.scrollTop;return D(r||t).direction===`rtl`&&(o+=X(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:o,y:s}}function he(e){var t=D(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function ge(e){return[`html`,`body`,`#document`].indexOf(m(e))>=0?e.ownerDocument.body:_(e)&&he(e)?e:ge(A(e))}function R(e,t){t===void 0&&(t=[]);var n=ge(e),r=n===e.ownerDocument?.body,i=h(n),a=r?[i].concat(i.visualViewport||[],he(n)?n:[]):n,o=t.concat(a);return r?o:o.concat(R(A(a)))}function _e(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ve(e,t){var n=w(e,!1,t===`fixed`);return n.top+=e.clientTop,n.left+=e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function ye(e,t,n){return t===st?_e(pe(e,n)):g(t)?ve(t,n):_e(me(k(e)))}function be(e){var t=R(A(e)),n=[`absolute`,`fixed`].indexOf(D(e).position)>=0&&_(e)?N(e):e;return g(n)?t.filter(function(e){return g(e)&&E(e,n)&&m(e)!==`body`}):[]}function xe(e,t,n,r){var i=t===`clippingParents`?be(e):[].concat(t),a=[].concat(i,[n]),o=a[0],s=a.reduce(function(t,n){var i=ye(e,n,r);return t.top=X(i.top,t.top),t.right=mt(i.right,t.right),t.bottom=mt(i.bottom,t.bottom),t.left=X(i.left,t.left),t},ye(e,o,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Se(e){var t=e.reference,n=e.element,r=e.placement,i=r?x(r):null,a=r?L(r):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,c;switch(i){case U:c={x:o,y:t.y-n.height};break;case W:c={x:o,y:t.y+t.height};break;case G:c={x:t.x+t.width,y:s};break;case K:c={x:t.x-n.width,y:s};break;default:c={x:t.x,y:t.y}}var l=i?ee(i):null;if(l!=null){var u=l===`y`?`height`:`width`;switch(a){case J:c[l]=c[l]-(t[u]/2-n[u]/2);break;case Y:c[l]=c[l]+(t[u]/2-n[u]/2)}}return c}function Ce(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,a=n.strategy,o=a===void 0?e.strategy:a,s=n.boundary,c=s===void 0?ot:s,l=n.rootBoundary,u=l===void 0?st:l,d=n.elementContext,f=d===void 0?ct:d,p=n.altBoundary,m=p!==void 0&&p,h=n.padding,_=h===void 0?0:h,v=F(typeof _==`number`?I(_,q):_),y=f===ct?lt:ct,b=e.rects.popper,x=e.elements[m?y:f],S=xe(g(x)?x:x.contextElement||k(e.elements.popper),c,u,o),C=w(e.elements.reference),T=Se({reference:C,element:b,strategy:`absolute`,placement:i}),E=_e(Object.assign({},b,T)),D=f===ct?E:C,O={top:S.top-D.top+v.top,bottom:D.bottom-S.bottom+v.bottom,left:S.left-D.left+v.left,right:D.right-S.right+v.right},A=e.modifiersData.offset;if(f===ct&&A){var j=A[i];Object.keys(O).forEach(function(e){var t=[G,W].indexOf(e)>=0?1:-1,n=[U,W].indexOf(e)>=0?`y`:`x`;O[e]+=j[n]*t})}return O}function z(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,a=n.rootBoundary,o=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,l=c===void 0?dt:c,u=L(r),d=u?s?ut:ut.filter(function(e){return L(e)===u}):q,f=d.filter(function(e){return l.indexOf(e)>=0});f.length===0&&(f=d);var p=f.reduce(function(t,n){return t[n]=Ce(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[x(n)],t},{});return Object.keys(p).sort(function(e,t){return p[e]-p[t]})}function we(e){if(x(e)===at)return[];var t=le(e);return[ue(e),t,ue(t)]}function Te(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,a=i===void 0||i,o=n.altAxis,s=o===void 0||o,c=n.fallbackPlacements,l=n.padding,u=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,m=p===void 0||p,h=n.allowedAutoPlacements,g=t.options.placement,_=x(g)===g,v=c||(_||!m?[le(g)]:we(g)),y=[g].concat(v).reduce(function(e,n){return e.concat(x(n)===at?z(t,{placement:n,boundary:u,rootBoundary:d,padding:l,flipVariations:m,allowedAutoPlacements:h}):n)},[]),b=t.rects.reference,S=t.rects.popper,C=new Map,w=!0,T=y[0],E=0;E<y.length;E++){var D=y[E],O=x(D),k=L(D)===J,A=[U,W].indexOf(O)>=0,j=A?`width`:`height`,M=Ce(t,{placement:D,boundary:u,rootBoundary:d,altBoundary:f,padding:l}),N=A?k?G:K:k?W:U;b[j]>S[j]&&(N=le(N));var ee=le(N),P=[];if(a&&P.push(M[O]<=0),s&&P.push(M[N]<=0,M[ee]<=0),P.every(function(e){return e})){T=D,w=!1;break}C.set(D,P)}if(w)for(var te=m?3:1,ne=function(e){var t=y.find(function(t){var n=C.get(t);if(n)return n.slice(0,e).every(function(e){return e})});if(t)return T=t,`break`},F=te;F>0&&ne(F)!==`break`;F--);t.placement!==T&&(t.modifiersData[r]._skip=!0,t.placement=T,t.reset=!0)}}function Ee(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function De(e){return[U,G,W,K].some(function(t){return e[t]>=0})}function Oe(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,a=t.modifiersData.preventOverflow,o=Ce(t,{elementContext:`reference`}),s=Ce(t,{altBoundary:!0}),c=Ee(o,r),l=Ee(s,i,a),u=De(c),d=De(l);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}function ke(e,t,n){var r=x(e),i=[K,U].indexOf(r)>=0?-1:1,a=typeof n==`function`?n(Object.assign({},t,{placement:e})):n,o=a[0],s=a[1];return o||=0,s=(s||0)*i,[K,G].indexOf(r)>=0?{x:s,y:o}:{x:o,y:s}}function Ae(e){var t=e.state,n=e.options,r=e.name,i=n.offset,a=i===void 0?[0,0]:i,o=dt.reduce(function(e,n){return e[n]=ke(n,t.rects,a),e},{}),s=o[t.placement],c=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[r]=o}function je(e){var t=e.state,n=e.name;t.modifiersData[n]=Se({reference:t.rects.reference,element:t.rects.popper,strategy:`absolute`,placement:t.placement})}function Me(e){return e===`x`?`y`:`x`}function Ne(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,a=i===void 0||i,o=n.altAxis,s=o!==void 0&&o,c=n.boundary,l=n.rootBoundary,u=n.altBoundary,d=n.padding,f=n.tether,p=f===void 0||f,m=n.tetherOffset,h=m===void 0?0:m,g=Ce(t,{boundary:c,rootBoundary:l,padding:d,altBoundary:u}),_=x(t.placement),v=L(t.placement),y=!v,b=ee(_),S=Me(b),C=t.modifiersData.popperOffsets,w=t.rects.reference,E=t.rects.popper,D=typeof h==`function`?h(Object.assign({},t.rects,{placement:t.placement})):h,O=typeof D==`number`?{mainAxis:D,altAxis:D}:Object.assign({mainAxis:0,altAxis:0},D),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,A={x:0,y:0};if(C){if(a){var j=b===`y`?U:K,M=b===`y`?W:G,F=b===`y`?`height`:`width`,I=C[b],re=I+g[j],ie=I-g[M],ae=p?-E[F]/2:0,oe=v===J?w[F]:E[F],se=v===J?-E[F]:-w[F],ce=t.elements.arrow,le=p&&ce?T(ce):{width:0,height:0},ue=t.modifiersData[`arrow#persistent`]?t.modifiersData[`arrow#persistent`].padding:ne(),de=ue[j],fe=ue[M],pe=P(0,w[F],le[F]),me=y?w[F]/2-ae-pe-de-O.mainAxis:oe-pe-de-O.mainAxis,he=y?-w[F]/2+ae+pe+fe+O.mainAxis:se+pe+fe+O.mainAxis,ge=t.elements.arrow&&N(t.elements.arrow),R=ge?b===`y`?ge.clientTop||0:ge.clientLeft||0:0,_e=k?.[b]??0,ve=I+me-_e-R,ye=I+he-_e,be=P(p?mt(re,ve):re,I,p?X(ie,ye):ie);C[b]=be,A[b]=be-I}if(s){var xe=b===`x`?U:K,Se=b===`x`?W:G,z=C[S],we=S===`y`?`height`:`width`,Te=z+g[xe],Ee=z-g[Se],De=[U,K].indexOf(_)!==-1,Oe=k?.[S]??0,ke=De?Te:z-w[we]-E[we]-Oe+O.altAxis,Ae=De?z+w[we]+E[we]-Oe-O.altAxis:Ee,je=p&&De?te(ke,z,Ae):P(p?ke:Te,z,p?Ae:Ee);C[S]=je,A[S]=je-z}t.modifiersData[r]=A}}function Pe(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Fe(e){return e===h(e)||!_(e)?de(e):Pe(e)}function Ie(e){var t=e.getBoundingClientRect(),n=Z(t.width)/e.offsetWidth||1,r=Z(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Le(e,t,n){n===void 0&&(n=!1);var r=_(t),i=_(t)&&Ie(t),a=k(t),o=w(e,i,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&((m(t)!==`body`||he(a))&&(s=Fe(t)),_(t)?(c=w(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=fe(a))),{x:o.left+s.scrollLeft-c.x,y:o.top+s.scrollTop-c.y,width:o.width,height:o.height}}function Re(e){var t=new Map,n=new Set,r=[];e.forEach(function(e){t.set(e.name,e)});function i(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!n.has(e)){var r=t.get(e);r&&i(r)}}),r.push(e)}return e.forEach(function(e){n.has(e.name)||i(e)}),r}function ze(e){var t=Re(e);return ft.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}function Be(e){var t;return function(){return t||=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})}),t}}function Ve(e){var t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(t).map(function(e){return t[e]})}function He(){return![...arguments].some(function(e){return!(e&&typeof e.getBoundingClientRect==`function`)})}function Ue(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,a=i===void 0?Ot:i;return function(e,t,n){n===void 0&&(n=a);var i={placement:`bottom`,orderedModifiers:[],options:Object.assign({},Ot,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},o=[],s=!1,c={state:i,setOptions:function(n){var o=typeof n==`function`?n(i.options):n;u(),i.options=Object.assign({},a,i.options,o),i.scrollParents={reference:g(e)?R(e):e.contextElement?R(e.contextElement):[],popper:R(t)};var s=ze(Ve([].concat(r,i.options.modifiers)));return i.orderedModifiers=s.filter(function(e){return e.enabled}),l(),c.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,n=e.popper;if(He(t,n)){i.rects={reference:Le(t,N(n),i.options.strategy===`fixed`),popper:T(n)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(e){return i.modifiersData[e.name]=Object.assign({},e.data)});for(var r=0;r<i.orderedModifiers.length;r++){if(i.reset===!0){i.reset=!1,r=-1;continue}var a=i.orderedModifiers[r],o=a.fn,l=a.options,u=l===void 0?{}:l,d=a.name;typeof o==`function`&&(i=o({state:i,options:u,name:d,instance:c})||i)}}}},update:Be(function(){return new Promise(function(e){c.forceUpdate(),e(i)})}),destroy:function(){u(),s=!0}};if(!He(e,t))return c;c.setOptions(n).then(function(e){!s&&n.onFirstUpdate&&n.onFirstUpdate(e)});function l(){i.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,r=n===void 0?{}:n,a=e.effect;if(typeof a==`function`){var s=a({state:i,name:t,instance:c,options:r});o.push(s||function(){})}})}function u(){o.forEach(function(e){return e()}),o=[]}return c}}function We(e){var t=V.useRef(e);return t.current=e,V.useCallback(function(){return t.current},[])}function Ge(e){var t=e.initial,n=e.value,r=e.onChange,i=r===void 0?Nt:r;if(t===void 0&&n===void 0)throw TypeError(`Either "value" or "initial" variable must be set. Now both are undefined`);var a=V.useState(t),o=a[0],s=a[1],c=We(o),l=V.useCallback(function(e){var t=c(),n=typeof e==`function`?e(t):e;typeof n.persist==`function`&&n.persist(),s(n),typeof i==`function`&&i(n)},[c,i]),u=n!==void 0;return[u?n:o,u?i:l]}function Ke(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}function qe(e,t){var n,r,i;e===void 0&&(e={}),t===void 0&&(t={});var a=Object.keys(It).reduce(function(e,t){var n;return l({},e,(n={},n[t]=e[t]===void 0?It[t]:e[t],n))},e),o=V.useMemo(function(){return[{name:`offset`,options:{offset:a.offset}}]},Array.isArray(a.offset)?a.offset:[]),s=l({},t,{placement:t.placement||a.placement,modifiers:t.modifiers||o}),c=V.useState(null),u=c[0],d=c[1],f=V.useState(null),m=f[0],h=f[1],g=Ge({initial:a.defaultVisible,value:a.visible,onChange:a.onVisibleChange}),_=g[0],v=g[1],y=V.useRef();V.useEffect(function(){return function(){return clearTimeout(y.current)}},[]);var b=Mt(a.followCursor?Ft:u,m,s),x=b.styles,S=b.attributes,C=p(b,Pt),w=C.update,T=We({visible:_,triggerRef:u,tooltipRef:m,finalConfig:a}),E=V.useCallback(function(e){return Array.isArray(a.trigger)?a.trigger.includes(e):a.trigger===e},Array.isArray(a.trigger)?a.trigger:[a.trigger]),D=V.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!1)},a.delayHide)},[a.delayHide,v]),O=V.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!0)},a.delayShow)},[a.delayShow,v]),k=V.useCallback(function(){T().visible?D():O()},[T,D,O]);V.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var e=function(e){var t,n=T(),r=n.tooltipRef,i=n.triggerRef,a=(e.composedPath==null||(t=e.composedPath())==null?void 0:t[0])||e.target;a instanceof Node&&r!=null&&i!=null&&!r.contains(a)&&!i.contains(a)&&D()};return document.addEventListener(`mousedown`,e),function(){return document.removeEventListener(`mousedown`,e)}}},[T,D]),V.useEffect(function(){if(!(u==null||!E(`click`)))return u.addEventListener(`click`,k),function(){return u.removeEventListener(`click`,k)}},[u,E,k]),V.useEffect(function(){if(!(u==null||!E(`double-click`)))return u.addEventListener(`dblclick`,k),function(){return u.removeEventListener(`dblclick`,k)}},[u,E,k]),V.useEffect(function(){if(!(u==null||!E(`right-click`))){var e=function(e){e.preventDefault(),k()};return u.addEventListener(`contextmenu`,e),function(){return u.removeEventListener(`contextmenu`,e)}}},[u,E,k]),V.useEffect(function(){if(!(u==null||!E(`focus`)))return u.addEventListener(`focus`,O),u.addEventListener(`blur`,D),function(){u.removeEventListener(`focus`,O),u.removeEventListener(`blur`,D)}},[u,E,O,D]),V.useEffect(function(){if(!(u==null||!E(`hover`)))return u.addEventListener(`mouseenter`,O),u.addEventListener(`mouseleave`,D),function(){u.removeEventListener(`mouseenter`,O),u.removeEventListener(`mouseleave`,D)}},[u,E,O,D]),V.useEffect(function(){if(!(m==null||!E(`hover`)||!T().finalConfig.interactive))return m.addEventListener(`mouseenter`,O),m.addEventListener(`mouseleave`,D),function(){m.removeEventListener(`mouseenter`,O),m.removeEventListener(`mouseleave`,D)}},[m,E,O,D,T]);var A=C==null||(n=C.state)==null||(r=n.modifiersData)==null||(i=r.hide)==null?void 0:i.isReferenceHidden;return V.useEffect(function(){a.closeOnTriggerHidden&&A&&D()},[a.closeOnTriggerHidden,D,A]),V.useEffect(function(){if(!a.followCursor||u==null)return;function e(e){var t=e.clientX,n=e.clientY;Ft.getBoundingClientRect=Ke(t,n),w?.()}return u.addEventListener(`mousemove`,e),function(){return u.removeEventListener(`mousemove`,e)}},[a.followCursor,u,w]),V.useEffect(function(){if(m!=null&&w!=null&&a.mutationObserverOptions!=null){var e=new MutationObserver(w);return e.observe(m,a.mutationObserverOptions),function(){return e.disconnect()}}},[a.mutationObserverOptions,m,w]),l({getArrowProps:function(e){return e===void 0&&(e={}),l({},e,S.arrow,{style:l({},e.style,x.arrow),"data-popper-arrow":!0})},getTooltipProps:function(e){return e===void 0&&(e={}),l({},e,{style:l({},e.style,x.popper)},S.popper,{"data-popper-interactive":a.interactive})},setTooltipRef:h,setTriggerRef:d,tooltipRef:m,triggerRef:u,visible:_},C)}var B,Je,V,Ye,Xe,H,Ze,Qe,$e,et,tt,nt,rt,it,U,W,G,K,at,q,J,Y,ot,st,ct,lt,ut,dt,ft,pt,X,mt,Z,ht,gt,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,Pt,Ft,It,Lt,Q,$,Rt,zt,Bt,Vt,Ht,Ut,Wt,Gt;function Kt(){return(Kt=t((()=>{d(),r(),B=e(n(),1),Je=e(f(),1),V=e(n(),1),n(),Ye=e(n(),1),Xe=e(n(),1),H=e(n(),1),Ze=e(f(),1),n(),o(),Qe=a({"../../node_modules/react-fast-compare/index.js"(e,t){var n=typeof Element<`u`,r=typeof Map==`function`,i=typeof Set==`function`,a=typeof ArrayBuffer==`function`&&!!ArrayBuffer.isView;function o(e,t){if(e===t)return!0;if(e&&t&&typeof e==`object`&&typeof t==`object`){if(e.constructor!==t.constructor)return!1;var s,c,l;if(Array.isArray(e)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(!o(e[c],t[c]))return!1;return!0}var u;if(r&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;for(u=e.entries();!(c=u.next()).done;)if(!o(c.value[1],t.get(c.value[0])))return!1;return!0}if(i&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;return!0}if(a&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(e[c]!==t[c])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf==`function`&&typeof t.valueOf==`function`)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString==`function`&&typeof t.toString==`function`)return e.toString()===t.toString();if(l=Object.keys(e),s=l.length,s!==Object.keys(t).length)return!1;for(c=s;c--!==0;)if(!Object.prototype.hasOwnProperty.call(t,l[c]))return!1;if(n&&e instanceof Element)return!1;for(c=s;c--!==0;)if(!((l[c]===`_owner`||l[c]===`__v`||l[c]===`__o`)&&e.$$typeof)&&!o(e[l[c]],t[l[c]]))return!1;return!0}return e!==e&&t!==t}t.exports=function(e,t){try{return o(e,t)}catch(e){if((e.message||``).match(/stack|recursion/i))return console.warn(`react-fast-compare cannot handle circular refs`),!1;throw e}}}}),$e=a({"../../node_modules/warning/warning.js"(e,t){t.exports=function(){}}}),et=i(u(),1),{deprecate:tt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:nt}=__STORYBOOK_MODULE_GLOBAL__,Ye.createContext(),Ye.createContext(),rt=function(e){return e.reduce(function(e,t){var n=t[0];return e[n]=t[1],e},{})},it=typeof window<`u`&&window.document&&window.document.createElement?Xe.useLayoutEffect:Xe.useEffect,U=`top`,W=`bottom`,G=`right`,K=`left`,at=`auto`,q=[U,W,G,K],J=`start`,Y=`end`,ot=`clippingParents`,st=`viewport`,ct=`popper`,lt=`reference`,ut=q.reduce(function(e,t){return e.concat([t+`-`+J,t+`-`+Y])},[]),dt=[].concat(q,[at]).reduce(function(e,t){return e.concat([t,t+`-`+J,t+`-`+Y])},[]),ft=[`beforeRead`,`read`,`afterRead`,`beforeMain`,`main`,`afterMain`,`beforeWrite`,`write`,`afterWrite`],pt={name:`applyStyles`,enabled:!0,phase:`write`,fn:y,effect:b,requires:[`computeStyles`]},X=Math.max,mt=Math.min,Z=Math.round,ht=function(e,t){return e=typeof e==`function`?e(Object.assign({},t.rects,{placement:t.placement})):e,F(typeof e==`number`?I(e,q):e)},gt={name:`arrow`,enabled:!0,phase:`main`,fn:re,effect:ie,requires:[`popperOffsets`],requiresIfExists:[`preventOverflow`]},_t={top:`auto`,right:`auto`,bottom:`auto`,left:`auto`},vt={name:`computeStyles`,enabled:!0,phase:`beforeWrite`,fn:se,data:{}},yt={passive:!0},bt={name:`eventListeners`,enabled:!0,phase:`write`,fn:function(){},effect:ce,data:{}},xt={left:`right`,right:`left`,bottom:`top`,top:`bottom`},St={start:`end`,end:`start`},Ct={name:`flip`,enabled:!0,phase:`main`,fn:Te,requiresIfExists:[`offset`],data:{_skip:!1}},wt={name:`hide`,enabled:!0,phase:`main`,requiresIfExists:[`preventOverflow`],fn:Oe},Tt={name:`offset`,enabled:!0,phase:`main`,requires:[`popperOffsets`],fn:Ae},Et={name:`popperOffsets`,enabled:!0,phase:`read`,fn:je,data:{}},Dt={name:`preventOverflow`,enabled:!0,phase:`main`,fn:Ne,requiresIfExists:[`offset`]},Ot={placement:`bottom`,modifiers:[],strategy:`absolute`},Ue(),Ue({defaultModifiers:[bt,Et,vt,pt]}),kt=Ue({defaultModifiers:[bt,Et,vt,pt,Tt,Ct,Dt,gt,wt]}),At=i(Qe()),jt=[],Mt=function(e,t,n){n===void 0&&(n={});var r=H.useRef(null),i={onFirstUpdate:n.onFirstUpdate,placement:n.placement||`bottom`,strategy:n.strategy||`absolute`,modifiers:n.modifiers||jt},a=H.useState({styles:{popper:{position:i.strategy,left:`0`,top:`0`},arrow:{position:`absolute`}},attributes:{}}),o=a[0],s=a[1],c=H.useMemo(function(){return{name:`updateState`,enabled:!0,phase:`write`,fn:function(e){var t=e.state,n=Object.keys(t.elements);Ze.flushSync(function(){s({styles:rt(n.map(function(e){return[e,t.styles[e]||{}]})),attributes:rt(n.map(function(e){return[e,t.attributes[e]]}))})})},requires:[`computeStyles`]}},[]),l=H.useMemo(function(){var e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[].concat(i.modifiers,[c,{name:`applyStyles`,enabled:!1}])};return(0,At.default)(r.current,e)?r.current||e:(r.current=e,e)},[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,c]),u=H.useRef();return it(function(){u.current&&u.current.setOptions(l)},[l]),it(function(){if(e!=null&&t!=null){var r=(n.createPopper||kt)(e,t,l);return u.current=r,function(){r.destroy(),u.current=null}}},[e,t,n.createPopper]),{state:u.current?u.current.state:null,styles:o.styles,attributes:o.attributes,update:u.current?u.current.update:null,forceUpdate:u.current?u.current.forceUpdate:null}},i($e()),Nt=function(){},Pt=[`styles`,`attributes`],Ft={getBoundingClientRect:Ke()},It={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:`hover`},{document:Lt}=nt,Q=(0,et.default)(1e3)((e,t,n,r=0)=>t.split(`-`)[0]===e?n:r),$=8,Rt=c.div({position:`absolute`,borderStyle:`solid`},({placement:e})=>{let t=0,n=0;switch(!0){case e.startsWith(`left`)||e.startsWith(`right`):n=8;break;case e.startsWith(`top`)||e.startsWith(`bottom`):t=8}return{transform:`translate3d(${t}px, ${n}px, 0px)`}},({theme:e,color:t,placement:n})=>({bottom:`${Q(`top`,n,`${$*-1}px`,`auto`)}`,top:`${Q(`bottom`,n,`${$*-1}px`,`auto`)}`,right:`${Q(`left`,n,`${$*-1}px`,`auto`)}`,left:`${Q(`right`,n,`${$*-1}px`,`auto`)}`,borderBottomWidth:`${Q(`top`,n,`0`,$)}px`,borderTopWidth:`${Q(`bottom`,n,`0`,$)}px`,borderRightWidth:`${Q(`left`,n,`0`,$)}px`,borderLeftWidth:`${Q(`right`,n,`0`,$)}px`,borderTopColor:Q(`top`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`),borderBottomColor:Q(`bottom`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`),borderLeftColor:Q(`left`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`),borderRightColor:Q(`right`,n,e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,`transparent`)})),zt=c.div(({hidden:e})=>({display:e?`none`:`inline-block`,zIndex:2147483647,colorScheme:`light dark`}),({theme:e,color:t,hasChrome:n})=>n?{background:t&&e.color[t]||t||e.base===`light`?s(e.background.app):e.background.app,filter:`
             drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
             drop-shadow(0 1px 3px rgba(0,0,0,0.1))
-          `,borderRadius:e.appBorderRadius+2,fontSize:e.typography.size.s1}:{}),Bt=B.forwardRef(({placement:e=`top`,hasChrome:t=!0,children:n,arrowProps:r={},tooltipRef:i,color:a,withArrows:o,...s},c)=>B.createElement(zt,{"data-testid":`tooltip`,hasChrome:t,ref:c,...s,color:a},t&&o&&B.createElement(Rt,{placement:e,...r,color:a}),n)),Bt.displayName=`Tooltip`,Vt=c.div`
+          `,borderRadius:e.appBorderRadius+2,fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s1}:{}),Bt=B.forwardRef(({placement:e=`top`,hasChrome:t=!0,children:n,arrowProps:r={},tooltipRef:i,color:a,withArrows:o,...s},c)=>B.createElement(zt,{"data-testid":`tooltip`,hasChrome:t,ref:c,...s,color:a},t&&o&&B.createElement(Rt,{placement:e,...r,color:a}),n)),Bt.displayName=`Tooltip`,Vt=c.div`
   display: inline-block;
   cursor: ${e=>e.trigger===`hover`||e.trigger?.includes(`hover`)?`default`:`pointer`};
 `,Ht=c.g`