@marimo-team/frontend 0.19.8-dev0 → 0.19.8-dev10

package/src/plugins/impl/__tests__/DataTablePlugin.test.tsx

@@ -0,0 +1,164 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { TooltipProvider } from "@radix-ui/react-tooltip";
+import { act, render, screen, waitFor } from "@testing-library/react";
+import { Provider } from "jotai";
+import { beforeAll, describe, expect, it, vi } from "vitest";
+import type { DownloadAsArgs } from "@/components/data-table/schemas";
+import type { FieldTypesWithExternalType } from "@/components/data-table/types";
+import { store } from "@/core/state/jotai";
+import {
+  type GetDataUrl,
+  type GetRowIds,
+  LoadingDataTableComponent,
+} from "../DataTablePlugin";
+
+beforeAll(() => {
+  global.ResizeObserver = class ResizeObserver {
+    observe() {
+      // do nothing
+    }
+    unobserve() {
+      // do nothing
+    }
+    disconnect() {
+      // do nothing
+    }
+  };
+});
+
+describe("LoadingDataTableComponent", () => {
+  /**
+   * Regression test for https://github.com/marimo-team/marimo/issues/8023
+   *
+   * When a table is replaced via mo.output.replace() with updated data,
+   * but the initial page data (unsorted first page) hasn't changed,
+   * the useAsyncData hook's deps may all remain the same.
+   * Previously, the `search` function reference was memoized on
+   * [plugin.functions, hostElement] and wouldn't change on reset(),
+   * so the useAsyncData effect wouldn't re-fire.
+   *
+   * The fix adds a resetNonce to the functionMethods memo deps,
+   * so when the plugin is reset (table instance changes), the search
+   * function reference changes, triggering useAsyncData to re-fetch.
+   *
+   * This test verifies that when the search function reference changes
+   * (simulating reset()), the component re-fetches data even if
+   * props.data hasn't changed.
+   */
+  it("should refetch data when search function reference changes", async () => {
+    const host = document.createElement("div");
+    const setValue = vi.fn();
+
+    // The initial page data string - identical for both renders.
+    // This simulates the case where only a row on page 2 changed,
+    // so the first page data is the same.
+    const initialPageData = JSON.stringify([
+      { id: 1, status: "pending", value: 10 },
+      { id: 2, status: "pending", value: 20 },
+      { id: 3, status: "pending", value: 30 },
+    ]);
+
+    const searchResult = {
+      data: [
+        { id: 1, status: "pending", value: 10 },
+        { id: 2, status: "pending", value: 20 },
+        { id: 3, status: "pending", value: 30 },
+      ],
+      total_rows: 4,
+      cell_styles: null,
+      cell_hover_texts: null,
+    };
+
+    const searchFn1 = vi.fn().mockResolvedValue(searchResult);
+    const searchFn2 = vi.fn().mockResolvedValue(searchResult);
+
+    const fieldTypes: FieldTypesWithExternalType = [
+      ["id", ["integer", "integer"]],
+      ["status", ["string", "string"]],
+      ["value", ["integer", "integer"]],
+    ];
+
+    const commonProps = {
+      label: null,
+      totalRows: 4,
+      pagination: true,
+      pageSize: 3,
+      selection: "single" as const,
+      showDownload: false,
+      showFilters: false,
+      showColumnSummaries: false as const,
+      showDataTypes: false,
+      showPageSizeSelector: false,
+      showColumnExplorer: false,
+      showRowExplorer: false,
+      showChartBuilder: false,
+      rowHeaders: [] as FieldTypesWithExternalType,
+      fieldTypes,
+      totalColumns: 3,
+      maxColumns: "all" as const,
+      hasStableRowId: false,
+      lazy: false,
+      host,
+      enableSearch: true,
+      value: [] as (number | string | { rowId: string; columnName?: string })[],
+      setValue,
+      download_as: vi.fn() as DownloadAsArgs,
+      get_column_summaries: vi.fn().mockResolvedValue({
+        data: null,
+        stats: {},
+        bin_values: {},
+        value_counts: {},
+        show_charts: false,
+      }),
+      get_data_url: vi.fn() as GetDataUrl,
+      get_row_ids: vi.fn() as GetRowIds,
+    };
+
+    const Wrapper = ({ children }: { children: React.ReactNode }) => (
+      <Provider store={store}>
+        <TooltipProvider>{children}</TooltipProvider>
+      </Provider>
+    );
+
+    // Render with first search function
+    const { rerender } = render(
+      <Wrapper>
+        <LoadingDataTableComponent
+          {...commonProps}
+          data={initialPageData}
+          search={searchFn1}
+        />
+      </Wrapper>,
+    );
+
+    // Wait for the table to render with data
+    await waitFor(() => {
+      expect(screen.getAllByRole("row").length).toBeGreaterThan(1);
+    });
+
+    // Search was called on initial load (fire-and-forget for canShowInitialPage)
+    expect(searchFn1).toHaveBeenCalled();
+
+    // Now rerender with the same data but a NEW search function reference.
+    // This simulates what happens after reset() when resetNonce increments
+    // and functionMethods is recreated.
+    await act(async () => {
+      rerender(
+        <Wrapper>
+          <LoadingDataTableComponent
+            {...commonProps}
+            data={initialPageData}
+            search={searchFn2}
+          />
+        </Wrapper>,
+      );
+    });
+
+    // The new search function should be called because the search
+    // dependency changed in useAsyncData.
+    await waitFor(() => {
+      expect(searchFn2).toHaveBeenCalled();
+    });
+  });
+});

package/src/utils/__tests__/mime-types.test.ts

@@ -132,7 +132,7 @@ describe("mime-types", () => {
 
   describe("sortByPrecedence", () => {
     it("should sort entries by precedence order", () => {
-      const entries: Array<[MimeType, string]> = [
+      const entries: [MimeType, string][] = [
         ["text/plain", "plain"],
         ["text/html", "html"],
         ["image/png", "png"],
@@ -151,7 +151,7 @@ describe("mime-types", () => {
     });
 
     it("should place unknown mime types at the end", () => {
-      const entries: Array<[MimeType, string]> = [
+      const entries: [MimeType, string][] = [
         ["text/plain", "plain"],
         ["text/html", "html"],
         ["application/json", "json"],
@@ -173,7 +173,7 @@ describe("mime-types", () => {
     });
 
     it("should handle empty precedence", () => {
-      const entries: Array<[MimeType, string]> = [
+      const entries: [MimeType, string][] = [
         ["text/plain", "plain"],
         ["text/html", "html"],
       ];
@@ -184,7 +184,7 @@ describe("mime-types", () => {
     });
 
     it("should not mutate original array", () => {
-      const entries: Array<[MimeType, string]> = [
+      const entries: [MimeType, string][] = [
         ["text/plain", "plain"],
         ["text/html", "html"],
       ];
@@ -198,7 +198,7 @@ describe("mime-types", () => {
 
   describe("processMimeBundle", () => {
     it("should filter and sort mime entries", () => {
-      const entries: Array<[MimeType, string]> = [
+      const entries: [MimeType, string][] = [
         ["text/plain", "plain"],
         ["text/html", "html"],
         ["image/png", "png"],
@@ -226,7 +226,7 @@ describe("mime-types", () => {
     });
 
     it("should use default config when not provided", () => {
-      const entries: Array<[MimeType, string]> = [
+      const entries: [MimeType, string][] = [
         ["text/html", "html"],
         ["image/png", "png"],
         ["text/markdown", "md"],
@@ -240,9 +240,7 @@ describe("mime-types", () => {
 
     it("should preserve data associated with mime types", () => {
       const htmlData = { content: "<h1>Hello</h1>" };
-      const entries: Array<[MimeType, typeof htmlData]> = [
-        ["text/html", htmlData],
-      ];
+      const entries: [MimeType, typeof htmlData][] = [["text/html", htmlData]];
 
       const result = processMimeBundle(entries);
 
@@ -250,7 +248,7 @@ describe("mime-types", () => {
     });
 
     it("should sort by precedence after filtering", () => {
-      const entries: Array<[MimeType, string]> = [
+      const entries: [MimeType, string][] = [
         ["text/plain", "plain"],
         ["text/markdown", "md"],
         ["text/html", "html"],

package/src/utils/mime-types.ts

@@ -26,7 +26,7 @@ export interface MimeTypeConfig {
  */
 export interface ProcessedMimeTypes<T> {
   /** The filtered and sorted mime entries */
-  entries: Array<[MimeType, T]>;
+  entries: [MimeType, T][];
   /** Mime types that were hidden by rules */
   hidden: MimeType[];
 }
@@ -146,9 +146,9 @@ export function applyHidingRules(
  * Mime types not in the map are placed at the end, preserving their original order.
  */
 export function sortByPrecedence<T>(
-  entries: Array<[MimeType, T]>,
+  entries: [MimeType, T][],
   precedence: ReadonlyMap<MimeType, number>,
-): Array<[MimeType, T]> {
+): [MimeType, T][] {
   const unknownPrecedence = precedence.size;
 
   return [...entries].sort((a, b) => {
@@ -162,7 +162,7 @@ export function sortByPrecedence<T>(
  * Main entry point: processes mime entries by applying hiding rules and sorting.
  */
 export function processMimeBundle<T>(
-  entries: Array<[MimeType, T]>,
+  entries: [MimeType, T][],
   config: MimeTypeConfig = getDefaultMimeConfig(),
 ): ProcessedMimeTypes<T> {
   if (entries.length === 0) {
@@ -176,6 +176,6 @@ export function processMimeBundle<T>(
 
   return {
     entries: sortedEntries,
-    hidden: Array.from(hidden),
+    hidden: [...hidden],
   };
 }

package/dist/assets/CellStatus-C5UGkPn6.js

@@ -1 +0,0 @@
-import{s as $}from"./chunk-LvLJmgfZ.js";import{t as z}from"./react-BGmjiNul.js";import{Z as F}from"./cells-BpZ7g6ok.js";import{t as O}from"./compiler-runtime-DeeZ7FnK.js";import{d as B}from"./hotkeys-BHHWjLlp.js";import{t as L}from"./jsx-runtime-ZmTK25f3.js";import{t as V}from"./createLucideIcon-CnW3RofX.js";import{c as Z,l as A,n as G,t as _}from"./toDate-CgbKQM5E.js";import{t as J}from"./ellipsis-5ip-qDfN.js";import{t as R}from"./refresh-cw-CQd-1kjx.js";import{t as K}from"./workflow-CMjI9cxl.js";import{t as D}from"./tooltip-CEc2ajau.js";import{i as Q,n as Y,r as C,t as U}from"./en-US-pRRbZZHE.js";import{t as E}from"./useDateFormatter-CS4kbWl2.js";import{t as H}from"./multi-icon-DZsiUPo5.js";var k=V("ban",[["path",{d:"M4.929 4.929 19.07 19.071",key:"196cmz"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]);function X(n,e){let t=_(n)-+_(e);return t<0?-1:t>0?1:t}function ee(n){return G(n,Date.now())}function te(n,e,t){let[d,l]=Y(t==null?void 0:t.in,n,e),h=d.getFullYear()-l.getFullYear(),o=d.getMonth()-l.getMonth();return h*12+o}function se(n){return e=>{let t=(n?Math[n]:Math.trunc)(e);return t===0?0:t}}function ae(n,e){return _(n)-+_(e)}function le(n,e){let t=_(n,e==null?void 0:e.in);return t.setHours(23,59,59,999),t}function ne(n,e){let t=_(n,e==null?void 0:e.in),d=t.getMonth();return t.setFullYear(t.getFullYear(),d+1,0),t.setHours(23,59,59,999),t}function re(n,e){let t=_(n,e==null?void 0:e.in);return+le(t,e)==+ne(t,e)}function ie(n,e,t){let[d,l,h]=Y(t==null?void 0:t.in,n,n,e),o=X(l,h),b=Math.abs(te(l,h));if(b<1)return 0;l.getMonth()===1&&l.getDate()>27&&l.setDate(30),l.setMonth(l.getMonth()-o*b);let m=X(l,h)===-o;re(d)&&b===1&&X(d,h)===1&&(m=!1);let x=o*(b-+m);return x===0?0:x}function ce(n,e,t){let d=ae(n,e)/1e3;return se(t==null?void 0:t.roundingMethod)(d)}function oe(n,e,t){let d=Q(),l=(t==null?void 0:t.locale)??d.locale??U,h=X(n,e);if(isNaN(h))throw RangeError("Invalid time value");let o=Object.assign({},t,{addSuffix:t==null?void 0:t.addSuffix,comparison:h}),[b,m]=Y(t==null?void 0:t.in,...h>0?[e,n]:[n,e]),x=ce(m,b),M=(C(m)-C(b))/1e3,p=Math.round((x-M)/60),T;if(p<2)return t!=null&&t.includeSeconds?x<5?l.formatDistance("lessThanXSeconds",5,o):x<10?l.formatDistance("lessThanXSeconds",10,o):x<20?l.formatDistance("lessThanXSeconds",20,o):x<40?l.formatDistance("halfAMinute",0,o):x<60?l.formatDistance("lessThanXMinutes",1,o):l.formatDistance("xMinutes",1,o):p===0?l.formatDistance("lessThanXMinutes",1,o):l.formatDistance("xMinutes",p,o);if(p<45)return l.formatDistance("xMinutes",p,o);if(p<90)return l.formatDistance("aboutXHours",1,o);if(p<1440){let g=Math.round(p/60);return l.formatDistance("aboutXHours",g,o)}else{if(p<2520)return l.formatDistance("xDays",1,o);if(p<43200){let g=Math.round(p/Z);return l.formatDistance("xDays",g,o)}else if(p<43200*2)return T=Math.round(p/A),l.formatDistance("aboutXMonths",T,o)}if(T=ie(m,b),T<12){let g=Math.round(p/A);return l.formatDistance("xMonths",g,o)}else{let g=T%12,u=Math.trunc(T/12);return g<3?l.formatDistance("aboutXYears",u,o):g<9?l.formatDistance("overXYears",u,o):l.formatDistance("almostXYears",u+1,o)}}function ue(n,e){return oe(n,ee(n),e)}var I=$(z(),1);function de(n){let e=(0,I.useRef)(n),[t,d]=(0,I.useState)(n);return(0,I.useEffect)(()=>{let l=setInterval(()=>{d(F.now().toMilliseconds())},17);return()=>clearInterval(l)},[]),t-e.current}var P=O(),s=$(L(),1);const me=n=>{let e=(0,P.c)(79),{editing:t,status:d,disabled:l,staleInputs:h,edited:o,interrupted:b,elapsedTime:m,runStartTimestamp:x,lastRunStartTimestamp:M,uninstantiated:p}=n;if(!t)return null;let T=x??M,g;e[0]===T?g=e[1]:(g=T?(0,s.jsx)(he,{lastRanTime:T}):null,e[0]=T,e[1]=g);let u=g;if(l&&d==="running")return B.error("CellStatusComponent: disabled and running"),null;if(l&&h){let c;e[2]===Symbol.for("react.memo_cache_sentinel")?(c=(0,s.jsx)("span",{children:"This cell is stale, but it's disabled and can't be run"}),e[2]=c):c=e[2];let a;e[3]===u?a=e[4]:(a=(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[c,u]}),e[3]=u,e[4]=a);let i;e[5]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)("div",{className:"cell-status-icon cell-status-stale","data-testid":"cell-status","data-status":"stale",children:(0,s.jsxs)(H,{children:[(0,s.jsx)(k,{className:"h-5 w-5",strokeWidth:1.5}),(0,s.jsx)(R,{className:"h-3 w-3",strokeWidth:2.5})]})}),e[5]=i):i=e[5];let r;return e[6]===a?r=e[7]:(r=(0,s.jsx)(D,{content:a,usePortal:!0,children:i}),e[6]=a,e[7]=r),r}if(l){let c;e[8]===Symbol.for("react.memo_cache_sentinel")?(c=(0,s.jsx)("span",{children:"This cell is disabled"}),e[8]=c):c=e[8];let a;e[9]===u?a=e[10]:(a=(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[c,u]}),e[9]=u,e[10]=a);let i;e[11]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)("div",{className:"cell-status-icon cell-status-disabled","data-testid":"cell-status","data-status":"disabled",children:(0,s.jsx)(k,{className:"h-5 w-5",strokeWidth:1.5})}),e[11]=i):i=e[11];let r;return e[12]===a?r=e[13]:(r=(0,s.jsx)(D,{content:a,usePortal:!0,children:i}),e[12]=a,e[13]=r),r}if(!h&&d==="disabled-transitively"){let c;e[14]===Symbol.for("react.memo_cache_sentinel")?(c=(0,s.jsx)("span",{children:"An ancestor of this cell is disabled, so it can't be run"}),e[14]=c):c=e[14];let a;e[15]===u?a=e[16]:(a=(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[c,u]}),e[15]=u,e[16]=a);let i;e[17]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)("div",{className:"cell-status-icon cell-status-stale","data-testid":"cell-status","data-status":"disabled-transitively",children:(0,s.jsxs)(H,{layerTop:!0,children:[(0,s.jsx)(K,{className:"h-5 w-5",strokeWidth:1.5}),(0,s.jsx)(k,{className:"h-3 w-3",strokeWidth:2.5})]})}),e[17]=i):i=e[17];let r;return e[18]===a?r=e[19]:(r=(0,s.jsx)(D,{content:a,usePortal:!0,children:i}),e[18]=a,e[19]=r),r}if(h&&d==="disabled-transitively"){let c;e[20]===Symbol.for("react.memo_cache_sentinel")?(c=(0,s.jsx)("span",{children:"This cell is stale, but an ancestor is disabled so it can't be run"}),e[20]=c):c=e[20];let a;e[21]===u?a=e[22]:(a=(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[c,u]}),e[21]=u,e[22]=a);let i;e[23]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)("div",{className:"cell-status-icon cell-status-stale","data-testid":"cell-status","data-status":"stale",children:(0,s.jsxs)(H,{children:[(0,s.jsx)(R,{className:"h-5 w-5",strokeWidth:1}),(0,s.jsx)(k,{className:"h-3 w-3",strokeWidth:2.5})]})}),e[23]=i):i=e[23];let r;return e[24]===a?r=e[25]:(r=(0,s.jsx)(D,{content:a,usePortal:!0,children:i}),e[24]=a,e[25]=r),r}if(d==="running"){let c;e[26]===Symbol.for("react.memo_cache_sentinel")?(c=(0,s.jsx)("span",{children:"This cell is running"}),e[26]=c):c=e[26];let a;e[27]===u?a=e[28]:(a=(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[c,u]}),e[27]=u,e[28]=a);let i;e[29]===x?i=e[30]:(i=F.fromSeconds(x)||F.now(),e[29]=x,e[30]=i);let r;e[31]===i?r=e[32]:(r=(0,s.jsx)("div",{className:"cell-status-icon elapsed-time running","data-testid":"cell-status","data-status":"running",children:(0,s.jsx)(fe,{startTime:i})}),e[31]=i,e[32]=r);let f;return e[33]!==a||e[34]!==r?(f=(0,s.jsx)(D,{content:a,usePortal:!0,children:r}),e[33]=a,e[34]=r,e[35]=f):f=e[35],f}if(d==="queued"){let c;e[36]===Symbol.for("react.memo_cache_sentinel")?(c=(0,s.jsx)("span",{children:"This cell is queued to run"}),e[36]=c):c=e[36];let a;e[37]===u?a=e[38]:(a=(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[c,u]}),e[37]=u,e[38]=a);let i;e[39]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)("div",{className:"cell-status-icon cell-status-queued","data-testid":"cell-status","data-status":"queued",children:(0,s.jsx)(J,{className:"h-5 w-5",strokeWidth:1.5})}),e[39]=i):i=e[39];let r;return e[40]===a?r=e[41]:(r=(0,s.jsx)(D,{content:a,usePortal:!0,children:i}),e[40]=a,e[41]=r),r}if(o||b||h||p){let c;e[42]===m?c=e[43]:(c=W(m),e[42]=m,e[43]=c);let a=c,i;e[44]!==m||e[45]!==a?(i=m?(0,s.jsx)(q,{elapsedTime:a}):null,e[44]=m,e[45]=a,e[46]=i):i=e[46];let r=i,f,v="";if(p)f="This cell has not yet been run";else if(b){f="This cell was interrupted when it was last run";let j;e[47]===r?j=e[48]:(j=(0,s.jsxs)("span",{children:["This cell ran for ",r," before being interrupted"]}),e[47]=r,e[48]=j),v=j}else if(o){f="This cell has been modified since it was last run";let j;e[49]===r?j=e[50]:(j=(0,s.jsxs)("span",{children:["This cell took ",r," to run"]}),e[49]=r,e[50]=j),v=j}else{f="This cell has not been run with the latest inputs";let j;e[51]===r?j=e[52]:(j=(0,s.jsxs)("span",{children:["This cell took ",r," to run"]}),e[51]=r,e[52]=j),v=j}let N;e[53]===Symbol.for("react.memo_cache_sentinel")?(N=(0,s.jsx)("div",{className:"cell-status-stale","data-testid":"cell-status","data-status":"outdated",children:(0,s.jsx)(R,{className:"h-5 w-5",strokeWidth:1.5})}),e[53]=N):N=e[53];let S;e[54]===f?S=e[55]:(S=(0,s.jsx)(D,{content:f,usePortal:!0,children:N}),e[54]=f,e[55]=S);let y;e[56]!==m||e[57]!==a||e[58]!==u||e[59]!==v?(y=m&&(0,s.jsx)(D,{content:(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[v,u]}),usePortal:!0,children:(0,s.jsx)("div",{className:"elapsed-time hover-action","data-testid":"cell-status","data-status":"outdated",children:(0,s.jsx)("span",{children:a})})}),e[56]=m,e[57]=a,e[58]=u,e[59]=v,e[60]=y):y=e[60];let w;return e[61]!==S||e[62]!==y?(w=(0,s.jsxs)("div",{className:"cell-status-icon flex items-center gap-2",children:[S,y]}),e[61]=S,e[62]=y,e[63]=w):w=e[63],w}if(m!==null){let c;e[64]===m?c=e[65]:(c=W(m),e[64]=m,e[65]=c);let a=c,i;e[66]!==m||e[67]!==a?(i=m?(0,s.jsx)(q,{elapsedTime:a}):null,e[66]=m,e[67]=a,e[68]=i):i=e[68];let r=i,f;e[69]===r?f=e[70]:(f=(0,s.jsxs)("span",{children:["This cell took ",r," to run"]}),e[69]=r,e[70]=f);let v;e[71]!==u||e[72]!==f?(v=(0,s.jsxs)("div",{className:"flex flex-col gap-1",children:[f,u]}),e[71]=u,e[72]=f,e[73]=v):v=e[73];let N;e[74]===a?N=e[75]:(N=(0,s.jsx)("div",{className:"cell-status-icon elapsed-time hover-action","data-testid":"cell-status","data-status":"idle",children:(0,s.jsx)("span",{children:a})}),e[74]=a,e[75]=N);let S;return e[76]!==v||e[77]!==N?(S=(0,s.jsx)(D,{content:v,usePortal:!0,children:N}),e[76]=v,e[77]=N,e[78]=S):S=e[78],S}return null},q=n=>{let e=(0,P.c)(2),t;return e[0]===n.elapsedTime?t=e[1]:(t=(0,s.jsx)("span",{className:"tracking-wide font-semibold",children:n.elapsedTime}),e[0]=n.elapsedTime,e[1]=t),t};var he=n=>{let e=(0,P.c)(4),t=new Date(n.lastRanTime*1e3),d=new Date,l;e[0]===Symbol.for("react.memo_cache_sentinel")?(l={hour:"numeric",minute:"numeric",second:"numeric",fractionalSecondDigits:3,hour12:!0},e[0]=l):l=e[0];let h=E(l),o;e[1]===Symbol.for("react.memo_cache_sentinel")?(o={month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",fractionalSecondDigits:3,hour12:!0},e[1]=o):o=e[1];let b=E(o),m=t.toDateString()===d.toDateString()?h:b,x=ue(t),M;return e[2]===x?M=e[3]:(M=(0,s.jsxs)("span",{className:"text-muted-foreground",children:["(",x," ago)"]}),e[2]=x,e[3]=M),(0,s.jsxs)("span",{children:["Ran at"," ",(0,s.jsx)("strong",{className:"tracking-wide font-semibold",children:m.format(t)})," ",M]})};function W(n){if(n===null)return"";let e=n,t=e/1e3;return t>=60?`${Math.floor(t/60)}m${Math.floor(t%60)}s`:t>=1?`${t.toFixed(2).toString()}s`:`${e.toFixed(0).toString()}ms`}var fe=n=>{let e=(0,P.c)(6),t;e[0]===n.startTime?t=e[1]:(t=n.startTime.toMilliseconds(),e[0]=n.startTime,e[1]=t);let d=de(t),l;e[2]===d?l=e[3]:(l=W(d),e[2]=d,e[3]=l);let h;return e[4]===l?h=e[5]:(h=(0,s.jsx)("span",{children:l}),e[4]=l,e[5]=h),h};export{q as n,W as r,me as t};

package/dist/assets/Combination-CMPwuAmi.js

@@ -1,41 +0,0 @@
-import{s as I}from"./chunk-LvLJmgfZ.js";import{t as Ye}from"./react-BGmjiNul.js";import{t as ae}from"./react-dom-C9fstfnp.js";import{t as ue}from"./compiler-runtime-DeeZ7FnK.js";import{n as ze,r as W,t as Ve}from"./useEventListener-DIUKKfEy.js";import{t as Ze}from"./jsx-runtime-ZmTK25f3.js";var u=I(Ye(),1),E=I(Ze(),1);function qe(e,t){let r=u.createContext(t),n=a=>{let{children:l,...i}=a,m=u.useMemo(()=>i,Object.values(i));return(0,E.jsx)(r.Provider,{value:m,children:l})};n.displayName=e+"Provider";function o(a){let l=u.useContext(r);if(l)return l;if(t!==void 0)return t;throw Error(`\`${a}\` must be used within \`${e}\``)}return[n,o]}function He(e,t=[]){let r=[];function n(a,l){let i=u.createContext(l),m=r.length;r=[...r,l];let c=f=>{var b;let{scope:p,children:h,...N}=f,s=((b=p==null?void 0:p[e])==null?void 0:b[m])||i,v=u.useMemo(()=>N,Object.values(N));return(0,E.jsx)(s.Provider,{value:v,children:h})};c.displayName=a+"Provider";function d(f,p){var s;let h=((s=p==null?void 0:p[e])==null?void 0:s[m])||i,N=u.useContext(h);if(N)return N;if(l!==void 0)return l;throw Error(`\`${f}\` must be used within \`${a}\``)}return[c,d]}let o=()=>{let a=r.map(l=>u.createContext(l));return function(l){let i=(l==null?void 0:l[e])||a;return u.useMemo(()=>({[`__scope${e}`]:{...l,[e]:i}}),[l,i])}};return o.scopeName=e,[n,Xe(o,...t)]}function Xe(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let n=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(o){let a=n.reduce((l,{useScope:i,scopeName:m})=>{let c=i(o)[`__scope${m}`];return{...l,...c}},{});return u.useMemo(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return r.scopeName=t.scopeName,r}typeof window<"u"&&window.document&&window.document.createElement;function F(e,t,{checkForDefaultPrevented:r=!0}={}){return function(n){if(e==null||e(n),r===!1||!n.defaultPrevented)return t==null?void 0:t(n)}}var L=globalThis!=null&&globalThis.document?u.useLayoutEffect:()=>{},Ge=u.useInsertionEffect||L;function Je({prop:e,defaultProp:t,onChange:r=()=>{},caller:n}){let[o,a,l]=Qe({defaultProp:t,onChange:r}),i=e!==void 0,m=i?e:o;{let c=u.useRef(e!==void 0);u.useEffect(()=>{let d=c.current;d!==i&&console.warn(`${n} is changing from ${d?"controlled":"uncontrolled"} to ${i?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),c.current=i},[i,n])}return[m,u.useCallback(c=>{var d;if(i){let f=et(c)?c(e):c;f!==e&&((d=l.current)==null||d.call(l,f))}else a(c)},[i,e,a,l])]}function Qe({defaultProp:e,onChange:t}){let[r,n]=u.useState(e),o=u.useRef(r),a=u.useRef(t);return Ge(()=>{a.current=t},[t]),u.useEffect(()=>{var l;o.current!==r&&((l=a.current)==null||l.call(a,r),o.current=r)},[r,o]),[r,n,a]}function et(e){return typeof e=="function"}function tt(e,t){return u.useReducer((r,n)=>t[r][n]??r,e)}var le=e=>{let{present:t,children:r}=e,n=nt(t),o=typeof r=="function"?r({present:n.isPresent}):u.Children.only(r),a=W(n.ref,rt(o));return typeof r=="function"||n.isPresent?u.cloneElement(o,{ref:a}):null};le.displayName="Presence";function nt(e){let[t,r]=u.useState(),n=u.useRef(null),o=u.useRef(e),a=u.useRef("none"),[l,i]=tt(e?"mounted":"unmounted",{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return u.useEffect(()=>{let m=B(n.current);a.current=l==="mounted"?m:"none"},[l]),L(()=>{let m=n.current,c=o.current;if(c!==e){let d=a.current,f=B(m);e?i("MOUNT"):f==="none"||(m==null?void 0:m.display)==="none"?i("UNMOUNT"):i(c&&d!==f?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,i]),L(()=>{if(t){let m,c=t.ownerDocument.defaultView??window,d=p=>{let h=B(n.current).includes(CSS.escape(p.animationName));if(p.target===t&&h&&(i("ANIMATION_END"),!o.current)){let N=t.style.animationFillMode;t.style.animationFillMode="forwards",m=c.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=N)})}},f=p=>{p.target===t&&(a.current=B(n.current))};return t.addEventListener("animationstart",f),t.addEventListener("animationcancel",d),t.addEventListener("animationend",d),()=>{c.clearTimeout(m),t.removeEventListener("animationstart",f),t.removeEventListener("animationcancel",d),t.removeEventListener("animationend",d)}}else i("ANIMATION_END")},[t,i]),{isPresent:["mounted","unmountSuspended"].includes(l),ref:u.useCallback(m=>{n.current=m?getComputedStyle(m):null,r(m)},[])}}function B(e){return(e==null?void 0:e.animationName)||"none"}function rt(e){var n,o;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}function ce(e){let t=ot(e),r=u.forwardRef((n,o)=>{let{children:a,...l}=n,i=u.Children.toArray(a),m=i.find(at);if(m){let c=m.props.children,d=i.map(f=>f===m?u.Children.count(c)>1?u.Children.only(null):u.isValidElement(c)?c.props.children:null:f);return(0,E.jsx)(t,{...l,ref:o,children:u.isValidElement(c)?u.cloneElement(c,void 0,d):null})}return(0,E.jsx)(t,{...l,ref:o,children:a})});return r.displayName=`${e}.Slot`,r}function ot(e){let t=u.forwardRef((r,n)=>{let{children:o,...a}=r;if(u.isValidElement(o)){let l=lt(o),i=ut(a,o.props);return o.type!==u.Fragment&&(i.ref=n?ze(n,l):l),u.cloneElement(o,i)}return u.Children.count(o)>1?u.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var se=Symbol("radix.slottable");function it(e){let t=({children:r})=>(0,E.jsx)(E.Fragment,{children:r});return t.displayName=`${e}.Slottable`,t.__radixId=se,t}function at(e){return u.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===se}function ut(e,t){let r={...t};for(let n in t){let o=e[n],a=t[n];/^on[A-Z]/.test(n)?o&&a?r[n]=(...l)=>{let i=a(...l);return o(...l),i}:o&&(r[n]=o):n==="style"?r[n]={...o,...a}:n==="className"&&(r[n]=[o,a].filter(Boolean).join(" "))}return{...e,...r}}function lt(e){var n,o;let t=(n=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:n.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var ct=I(ae(),1),k=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{let r=ce(`Primitive.${t}`),n=u.forwardRef((o,a)=>{let{asChild:l,...i}=o,m=l?r:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),(0,E.jsx)(m,{...i,ref:a})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function de(e,t){e&&ct.flushSync(()=>e.dispatchEvent(t))}function M(e){let t=u.useRef(e);return u.useEffect(()=>{t.current=e}),u.useMemo(()=>(...r)=>{var n;return(n=t.current)==null?void 0:n.call(t,...r)},[])}function st(e,t=globalThis==null?void 0:globalThis.document){let r=M(e);u.useEffect(()=>{let n=o=>{o.key==="Escape"&&r(o)};return t.addEventListener("keydown",n,{capture:!0}),()=>t.removeEventListener("keydown",n,{capture:!0})},[r,t])}var dt="DismissableLayer",X="dismissableLayer.update",ft="dismissableLayer.pointerDownOutside",mt="dismissableLayer.focusOutside",fe,me=u.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),G=u.forwardRef((e,t)=>{let{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:n,onPointerDownOutside:o,onFocusOutside:a,onInteractOutside:l,onDismiss:i,...m}=e,c=u.useContext(me),[d,f]=u.useState(null),p=(d==null?void 0:d.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,h]=u.useState({}),N=W(t,g=>f(g)),s=Array.from(c.layers),[v]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),b=s.indexOf(v),S=d?s.indexOf(d):-1,w=c.layersWithOutsidePointerEventsDisabled.size>0,y=S>=b,x=vt(g=>{let P=g.target,T=[...c.branches].some(Ke=>Ke.contains(P));!y||T||(o==null||o(g),l==null||l(g),g.defaultPrevented||(i==null||i()))},p),R=ht(g=>{let P=g.target;[...c.branches].some(T=>T.contains(P))||(a==null||a(g),l==null||l(g),g.defaultPrevented||(i==null||i()))},p);return st(g=>{S===c.layers.size-1&&(n==null||n(g),!g.defaultPrevented&&i&&(g.preventDefault(),i()))},p),u.useEffect(()=>{if(d)return r&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(fe=p.body.style.pointerEvents,p.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(d)),c.layers.add(d),ve(),()=>{r&&c.layersWithOutsidePointerEventsDisabled.size===1&&(p.body.style.pointerEvents=fe)}},[d,p,r,c]),u.useEffect(()=>()=>{d&&(c.layers.delete(d),c.layersWithOutsidePointerEventsDisabled.delete(d),ve())},[d,c]),u.useEffect(()=>{let g=()=>h({});return document.addEventListener(X,g),()=>document.removeEventListener(X,g)},[]),(0,E.jsx)(k.div,{...m,ref:N,style:{pointerEvents:w?y?"auto":"none":void 0,...e.style},onFocusCapture:F(e.onFocusCapture,R.onFocusCapture),onBlurCapture:F(e.onBlurCapture,R.onBlurCapture),onPointerDownCapture:F(e.onPointerDownCapture,x.onPointerDownCapture)})});G.displayName=dt;var pt="DismissableLayerBranch",pe=u.forwardRef((e,t)=>{let r=u.useContext(me),n=u.useRef(null),o=W(t,n);return u.useEffect(()=>{let a=n.current;if(a)return r.branches.add(a),()=>{r.branches.delete(a)}},[r.branches]),(0,E.jsx)(k.div,{...e,ref:o})});pe.displayName=pt;function vt(e,t=globalThis==null?void 0:globalThis.document){let r=M(e),n=u.useRef(!1),o=u.useRef(()=>{});return u.useEffect(()=>{let a=i=>{if(i.target&&!n.current){let m=function(){he(ft,r,c,{discrete:!0})},c={originalEvent:i};i.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=m,t.addEventListener("click",o.current,{once:!0})):m()}else t.removeEventListener("click",o.current);n.current=!1},l=window.setTimeout(()=>{t.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(l),t.removeEventListener("pointerdown",a),t.removeEventListener("click",o.current)}},[t,r]),{onPointerDownCapture:()=>n.current=!0}}function ht(e,t=globalThis==null?void 0:globalThis.document){let r=M(e),n=u.useRef(!1);return u.useEffect(()=>{let o=a=>{a.target&&!n.current&&he(mt,r,{originalEvent:a},{discrete:!1})};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,r]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function ve(){let e=new CustomEvent(X);document.dispatchEvent(e)}function he(e,t,r,{discrete:n}){let o=r.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?de(o,a):o.dispatchEvent(a)}var yt=G,gt=pe,Et=u.useId||(()=>{}),bt=0;function wt(e){let[t,r]=u.useState(Et());return L(()=>{e||r(n=>n??String(bt++))},[e]),e||(t?`radix-${t}`:"")}var Nt=I(ae(),1),St="Portal",ye=u.forwardRef((e,t)=>{var i;let{container:r,...n}=e,[o,a]=u.useState(!1);L(()=>a(!0),[]);let l=r||o&&((i=globalThis==null?void 0:globalThis.document)==null?void 0:i.body);return l?Nt.createPortal((0,E.jsx)(k.div,{...n,ref:t}),l):null});ye.displayName=St;var Ct=ue(),xt={display:"contents"};const ge=u.forwardRef((e,t)=>{let r=(0,Ct.c)(3),{children:n}=e,o;return r[0]!==n||r[1]!==t?(o=(0,E.jsx)("div",{ref:t,className:"marimo",style:xt,children:n}),r[0]=n,r[1]=t,r[2]=o):o=r[2],o});ge.displayName="StyleNamespace";function U(){return document.querySelector("[data-vscode-theme-kind]")!==null}var D=ue(),Ee="[data-vscode-output-container]";const Rt=U()?0:30;function Pt(){let e=(0,D.c)(1),[t,r]=(0,u.useState)(document.fullscreenElement),n;return e[0]===Symbol.for("react.memo_cache_sentinel")?(n=()=>{r(document.fullscreenElement)},e[0]=n):n=e[0],Ve(document,"fullscreenchange",n),t}function Ot(e){let t=n=>{let o=(0,D.c)(6),[a,l]=u.useState(null),i=u.useRef(null),m,c;o[0]===Symbol.for("react.memo_cache_sentinel")?(m=()=>{i.current&&l(be(i.current,Ee))},c=[],o[0]=m,o[1]=c):(m=o[0],c=o[1]),u.useLayoutEffect(m,c);let d;o[2]===Symbol.for("react.memo_cache_sentinel")?(d=(0,E.jsx)("div",{ref:i,className:"contents invisible"}),o[2]=d):d=o[2];let f;return o[3]!==a||o[4]!==n?(f=(0,E.jsxs)(E.Fragment,{children:[d,(0,E.jsx)(e,{...n,container:a})]}),o[3]=a,o[4]=n,o[5]=f):f=o[5],f},r=n=>{let o=(0,D.c)(7),a=Pt();if(U()){let i;return o[0]===n?i=o[1]:(i=(0,E.jsx)(t,{...n}),o[0]=n,o[1]=i),i}if(!a){let i;return o[2]===n?i=o[3]:(i=(0,E.jsx)(e,{...n}),o[2]=n,o[3]=i),i}let l;return o[4]!==a||o[5]!==n?(l=(0,E.jsx)(e,{...n,container:a}),o[4]=a,o[5]=n,o[6]=l):l=o[6],l};return r.displayName=e.displayName,r}function Tt(e){let t=n=>{let o=(0,D.c)(6),[a,l]=u.useState(null),i=u.useRef(null),m,c;o[0]===Symbol.for("react.memo_cache_sentinel")?(m=()=>{i.current&&l(be(i.current,Ee))},c=[],o[0]=m,o[1]=c):(m=o[0],c=o[1]),u.useLayoutEffect(m,c);let d;o[2]===Symbol.for("react.memo_cache_sentinel")?(d=(0,E.jsx)("div",{ref:i,className:"contents invisible"}),o[2]=d):d=o[2];let f;return o[3]!==a||o[4]!==n?(f=(0,E.jsxs)(E.Fragment,{children:[d,(0,E.jsx)(e,{...n,collisionBoundary:a})]}),o[3]=a,o[4]=n,o[5]=f):f=o[5],f},r=n=>{let o=(0,D.c)(4);if(U()){let l;return o[0]===n?l=o[1]:(l=(0,E.jsx)(t,{...n}),o[0]=n,o[1]=l),l}let a;return o[2]===n?a=o[3]:(a=(0,E.jsx)(e,{...n}),o[2]=n,o[3]=a),a};return r.displayName=e.displayName,r}function be(e,t){let r=e;for(;r;){let n=r.closest(t);if(n)return n;let o=r.getRootNode();if(r=o instanceof ShadowRoot?o.host:r.parentElement,r===o)break}return null}var J=0;function Lt(){u.useEffect(()=>{let e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??we()),document.body.insertAdjacentElement("beforeend",e[1]??we()),J++,()=>{J===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),J--}},[])}function we(){let e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var Q="focusScope.autoFocusOnMount",ee="focusScope.autoFocusOnUnmount",Ne={bubbles:!1,cancelable:!0},Mt="FocusScope",Se=u.forwardRef((e,t)=>{let{loop:r=!1,trapped:n=!1,onMountAutoFocus:o,onUnmountAutoFocus:a,...l}=e,[i,m]=u.useState(null),c=M(o),d=M(a),f=u.useRef(null),p=W(t,s=>m(s)),h=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(n){let s=function(w){if(h.paused||!i)return;let y=w.target;i.contains(y)?f.current=y:O(f.current,{select:!0})},v=function(w){if(h.paused||!i)return;let y=w.relatedTarget;y!==null&&(i.contains(y)||O(f.current,{select:!0}))},b=function(w){if(document.activeElement===document.body)for(let y of w)y.removedNodes.length>0&&O(i)};document.addEventListener("focusin",s),document.addEventListener("focusout",v);let S=new MutationObserver(b);return i&&S.observe(i,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",s),document.removeEventListener("focusout",v),S.disconnect()}}},[n,i,h.paused]),u.useEffect(()=>{if(i){Re.add(h);let s=document.activeElement;if(!i.contains(s)){let v=new CustomEvent(Q,Ne);i.addEventListener(Q,c),i.dispatchEvent(v),v.defaultPrevented||($t(jt(Ce(i)),{select:!0}),document.activeElement===s&&O(i))}return()=>{i.removeEventListener(Q,c),setTimeout(()=>{let v=new CustomEvent(ee,Ne);i.addEventListener(ee,d),i.dispatchEvent(v),v.defaultPrevented||O(s??document.body,{select:!0}),i.removeEventListener(ee,d),Re.remove(h)},0)}}},[i,c,d,h]);let N=u.useCallback(s=>{if(!r&&!n||h.paused)return;let v=s.key==="Tab"&&!s.altKey&&!s.ctrlKey&&!s.metaKey,b=document.activeElement;if(v&&b){let S=s.currentTarget,[w,y]=At(S);w&&y?!s.shiftKey&&b===y?(s.preventDefault(),r&&O(w,{select:!0})):s.shiftKey&&b===w&&(s.preventDefault(),r&&O(y,{select:!0})):b===S&&s.preventDefault()}},[r,n,h.paused]);return(0,E.jsx)(k.div,{tabIndex:-1,...l,ref:p,onKeyDown:N})});Se.displayName=Mt;function $t(e,{select:t=!1}={}){let r=document.activeElement;for(let n of e)if(O(n,{select:t}),document.activeElement!==r)return}function At(e){let t=Ce(e);return[xe(t,e),xe(t.reverse(),e)]}function Ce(e){let t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{let o=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||o?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function xe(e,t){for(let r of e)if(!_t(r,{upTo:t}))return r}function _t(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function kt(e){return e instanceof HTMLInputElement&&"select"in e}function O(e,{select:t=!1}={}){if(e&&e.focus){let r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&kt(e)&&t&&e.select()}}var Re=Dt();function Dt(){let e=[];return{add(t){let r=e[0];t!==r&&(r==null||r.pause()),e=Pe(e,t),e.unshift(t)},remove(t){var r;e=Pe(e,t),(r=e[0])==null||r.resume()}}}function Pe(e,t){let r=[...e],n=r.indexOf(t);return n!==-1&&r.splice(n,1),r}function jt(e){return e.filter(t=>t.tagName!=="A")}var It=function(e){return typeof document>"u"?null:(Array.isArray(e)?e[0]:e).ownerDocument.body},$=new WeakMap,K=new WeakMap,Y={},te=0,Oe=function(e){return e&&(e.host||Oe(e.parentNode))},Wt=function(e,t){return t.map(function(r){if(e.contains(r))return r;var n=Oe(r);return n&&e.contains(n)?n:(console.error("aria-hidden",r,"in not contained inside",e,". Doing nothing"),null)}).filter(function(r){return!!r})},Ft=function(e,t,r,n){var o=Wt(t,Array.isArray(e)?e:[e]);Y[r]||(Y[r]=new WeakMap);var a=Y[r],l=[],i=new Set,m=new Set(o),c=function(f){!f||i.has(f)||(i.add(f),c(f.parentNode))};o.forEach(c);var d=function(f){!f||m.has(f)||Array.prototype.forEach.call(f.children,function(p){if(i.has(p))d(p);else try{var h=p.getAttribute(n),N=h!==null&&h!=="false",s=($.get(p)||0)+1,v=(a.get(p)||0)+1;$.set(p,s),a.set(p,v),l.push(p),s===1&&N&&K.set(p,!0),v===1&&p.setAttribute(r,"true"),N||p.setAttribute(n,"true")}catch(b){console.error("aria-hidden: cannot operate on ",p,b)}})};return d(t),i.clear(),te++,function(){l.forEach(function(f){var p=$.get(f)-1,h=a.get(f)-1;$.set(f,p),a.set(f,h),p||(K.has(f)||f.removeAttribute(n),K.delete(f)),h||f.removeAttribute(r)}),te--,te||($=new WeakMap,$=new WeakMap,K=new WeakMap,Y={})}},Bt=function(e,t,r){r===void 0&&(r="data-aria-hidden");var n=Array.from(Array.isArray(e)?e:[e]),o=t||It(e);return o?(n.push.apply(n,Array.from(o.querySelectorAll("[aria-live], script"))),Ft(n,o,r,"aria-hidden")):function(){return null}},C=function(){return C=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r],t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},C.apply(this,arguments)};function Te(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r}function Ut(e,t,r,n){function o(a){return a instanceof r?a:new r(function(l){l(a)})}return new(r||(r=Promise))(function(a,l){function i(d){try{c(n.next(d))}catch(f){l(f)}}function m(d){try{c(n.throw(d))}catch(f){l(f)}}function c(d){d.done?a(d.value):o(d.value).then(i,m)}c((n=n.apply(e,t||[])).next())})}function Kt(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,a;n<o;n++)(a||!(n in t))&&(a||(a=Array.prototype.slice.call(t,0,n)),a[n]=t[n]);return e.concat(a||Array.prototype.slice.call(t))}var z="right-scroll-bar-position",V="width-before-scroll-bar",Yt="with-scroll-bars-hidden",zt="--removed-body-scroll-bar-size";function ne(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Vt(e,t){var r=(0,u.useState)(function(){return{value:e,callback:t,facade:{get current(){return r.value},set current(n){var o=r.value;o!==n&&(r.value=n,r.callback(n,o))}}}})[0];return r.callback=t,r.facade}var Zt=typeof window<"u"?u.useLayoutEffect:u.useEffect,Le=new WeakMap;function qt(e,t){var r=Vt(t||null,function(n){return e.forEach(function(o){return ne(o,n)})});return Zt(function(){var n=Le.get(r);if(n){var o=new Set(n),a=new Set(e),l=r.current;o.forEach(function(i){a.has(i)||ne(i,null)}),a.forEach(function(i){o.has(i)||ne(i,l)})}Le.set(r,e)},[e]),r}function Ht(e){return e}function Xt(e,t){t===void 0&&(t=Ht);var r=[],n=!1;return{read:function(){if(n)throw Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(o){var a=t(o,n);return r.push(a),function(){r=r.filter(function(l){return l!==a})}},assignSyncMedium:function(o){for(n=!0;r.length;){var a=r;r=[],a.forEach(o)}r={push:function(l){return o(l)},filter:function(){return r}}},assignMedium:function(o){n=!0;var a=[];if(r.length){var l=r;r=[],l.forEach(o),a=r}var i=function(){var c=a;a=[],c.forEach(o)},m=function(){return Promise.resolve().then(i)};m(),r={push:function(c){a.push(c),m()},filter:function(c){return a=a.filter(c),r}}}}}function Gt(e){e===void 0&&(e={});var t=Xt(null);return t.options=C({async:!0,ssr:!1},e),t}var Me=function(e){var t=e.sideCar,r=Te(e,["sideCar"]);if(!t)throw Error("Sidecar: please provide `sideCar` property to import the right car");var n=t.read();if(!n)throw Error("Sidecar medium not found");return u.createElement(n,C({},r))};Me.isSideCarExport=!0;function Jt(e,t){return e.useMedium(t),Me}var $e=Gt(),re=function(){},Z=u.forwardRef(function(e,t){var r=u.useRef(null),n=u.useState({onScrollCapture:re,onWheelCapture:re,onTouchMoveCapture:re}),o=n[0],a=n[1],l=e.forwardProps,i=e.children,m=e.className,c=e.removeScrollBar,d=e.enabled,f=e.shards,p=e.sideCar,h=e.noRelative,N=e.noIsolation,s=e.inert,v=e.allowPinchZoom,b=e.as,S=b===void 0?"div":b,w=e.gapMode,y=Te(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),x=p,R=qt([r,t]),g=C(C({},y),o);return u.createElement(u.Fragment,null,d&&u.createElement(x,{sideCar:$e,removeScrollBar:c,shards:f,noRelative:h,noIsolation:N,inert:s,setCallbacks:a,allowPinchZoom:!!v,lockRef:r,gapMode:w}),l?u.cloneElement(u.Children.only(i),C(C({},g),{ref:R})):u.createElement(S,C({},g,{className:m,ref:R}),i))});Z.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},Z.classNames={fullWidth:V,zeroRight:z};var Ae,Qt=function(){if(Ae)return Ae;if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function en(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=Qt();return t&&e.setAttribute("nonce",t),e}function tn(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function nn(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}var rn=function(){var e=0,t=null;return{add:function(r){e==0&&(t=en())&&(tn(t,r),nn(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},on=function(){var e=rn();return function(t,r){u.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&r])}},_e=function(){var e=on();return function(t){var r=t.styles,n=t.dynamic;return e(r,n),null}},an={left:0,top:0,right:0,gap:0},oe=function(e){return parseInt(e||"",10)||0},un=function(e){var t=window.getComputedStyle(document.body),r=t[e==="padding"?"paddingLeft":"marginLeft"],n=t[e==="padding"?"paddingTop":"marginTop"],o=t[e==="padding"?"paddingRight":"marginRight"];return[oe(r),oe(n),oe(o)]},ln=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return an;var t=un(e),r=document.documentElement.clientWidth,n=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-r+t[2]-t[0])}},cn=_e(),j="data-scroll-locked",sn=function(e,t,r,n){var o=e.left,a=e.top,l=e.right,i=e.gap;return r===void 0&&(r="margin"),`
-  .${Yt} {
-   overflow: hidden ${n};
-   padding-right: ${i}px ${n};
-  }
-  body[${j}] {
-    overflow: hidden ${n};
-    overscroll-behavior: contain;
-    ${[t&&`position: relative ${n};`,r==="margin"&&`
-    padding-left: ${o}px;
-    padding-top: ${a}px;
-    padding-right: ${l}px;
-    margin-left:0;
-    margin-top:0;
-    margin-right: ${i}px ${n};
-    `,r==="padding"&&`padding-right: ${i}px ${n};`].filter(Boolean).join("")}
-  }
-  
-  .${z} {
-    right: ${i}px ${n};
-  }
-  
-  .${V} {
-    margin-right: ${i}px ${n};
-  }
-  
-  .${z} .${z} {
-    right: 0 ${n};
-  }
-  
-  .${V} .${V} {
-    margin-right: 0 ${n};
-  }
-  
-  body[${j}] {
-    ${zt}: ${i}px;
-  }
-`},ke=function(){var e=parseInt(document.body.getAttribute("data-scroll-locked")||"0",10);return isFinite(e)?e:0},dn=function(){u.useEffect(function(){return document.body.setAttribute(j,(ke()+1).toString()),function(){var e=ke()-1;e<=0?document.body.removeAttribute(j):document.body.setAttribute(j,e.toString())}},[])},fn=function(e){var t=e.noRelative,r=e.noImportant,n=e.gapMode,o=n===void 0?"margin":n;dn();var a=u.useMemo(function(){return ln(o)},[o]);return u.createElement(cn,{styles:sn(a,!t,o,r?"":"!important")})},ie=!1;if(typeof window<"u")try{var q=Object.defineProperty({},"passive",{get:function(){return ie=!0,!0}});window.addEventListener("test",q,q),window.removeEventListener("test",q,q)}catch{ie=!1}var A=ie?{passive:!1}:!1,mn=function(e){return e.tagName==="TEXTAREA"},De=function(e,t){if(!(e instanceof Element))return!1;var r=window.getComputedStyle(e);return r[t]!=="hidden"&&!(r.overflowY===r.overflowX&&!mn(e)&&r[t]==="visible")},pn=function(e){return De(e,"overflowY")},vn=function(e){return De(e,"overflowX")},je=function(e,t){var r=t.ownerDocument,n=t;do{if(typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host),Ie(e,n)){var o=We(e,n);if(o[1]>o[2])return!0}n=n.parentNode}while(n&&n!==r.body);return!1},hn=function(e){return[e.scrollTop,e.scrollHeight,e.clientHeight]},yn=function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]},Ie=function(e,t){return e==="v"?pn(t):vn(t)},We=function(e,t){return e==="v"?hn(t):yn(t)},gn=function(e,t){return e==="h"&&t==="rtl"?-1:1},En=function(e,t,r,n,o){var a=gn(e,window.getComputedStyle(t).direction),l=a*n,i=r.target,m=t.contains(i),c=!1,d=l>0,f=0,p=0;do{if(!i)break;var h=We(e,i),N=h[0],s=h[1]-h[2]-a*N;(N||s)&&Ie(e,i)&&(f+=s,p+=N);var v=i.parentNode;i=v&&v.nodeType===Node.DOCUMENT_FRAGMENT_NODE?v.host:v}while(!m&&i!==document.body||m&&(t.contains(i)||t===i));return(d&&(o&&Math.abs(f)<1||!o&&l>f)||!d&&(o&&Math.abs(p)<1||!o&&-l>p))&&(c=!0),c},H=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Fe=function(e){return[e.deltaX,e.deltaY]},Be=function(e){return e&&"current"in e?e.current:e},bn=function(e,t){return e[0]===t[0]&&e[1]===t[1]},wn=function(e){return`
-  .block-interactivity-${e} {pointer-events: none;}
-  .allow-interactivity-${e} {pointer-events: all;}
-`},Nn=0,_=[];function Sn(e){var t=u.useRef([]),r=u.useRef([0,0]),n=u.useRef(),o=u.useState(Nn++)[0],a=u.useState(_e)[0],l=u.useRef(e);u.useEffect(function(){l.current=e},[e]),u.useEffect(function(){if(e.inert){document.body.classList.add(`block-interactivity-${o}`);var s=Kt([e.lockRef.current],(e.shards||[]).map(Be),!0).filter(Boolean);return s.forEach(function(v){return v.classList.add(`allow-interactivity-${o}`)}),function(){document.body.classList.remove(`block-interactivity-${o}`),s.forEach(function(v){return v.classList.remove(`allow-interactivity-${o}`)})}}},[e.inert,e.lockRef.current,e.shards]);var i=u.useCallback(function(s,v){if("touches"in s&&s.touches.length===2||s.type==="wheel"&&s.ctrlKey)return!l.current.allowPinchZoom;var b=H(s),S=r.current,w="deltaX"in s?s.deltaX:S[0]-b[0],y="deltaY"in s?s.deltaY:S[1]-b[1],x,R=s.target,g=Math.abs(w)>Math.abs(y)?"h":"v";if("touches"in s&&g==="h"&&R.type==="range")return!1;var P=je(g,R);if(!P)return!0;if(P?x=g:(x=g==="v"?"h":"v",P=je(g,R)),!P)return!1;if(!n.current&&"changedTouches"in s&&(w||y)&&(n.current=x),!x)return!0;var T=n.current||x;return En(T,v,s,T==="h"?w:y,!0)},[]),m=u.useCallback(function(s){var v=s;if(!(!_.length||_[_.length-1]!==a)){var b="deltaY"in v?Fe(v):H(v),S=t.current.filter(function(y){return y.name===v.type&&(y.target===v.target||v.target===y.shadowParent)&&bn(y.delta,b)})[0];if(S&&S.should){v.cancelable&&v.preventDefault();return}if(!S){var w=(l.current.shards||[]).map(Be).filter(Boolean).filter(function(y){return y.contains(v.target)});(w.length>0?i(v,w[0]):!l.current.noIsolation)&&v.cancelable&&v.preventDefault()}}},[]),c=u.useCallback(function(s,v,b,S){var w={name:s,delta:v,target:b,should:S,shadowParent:Cn(b)};t.current.push(w),setTimeout(function(){t.current=t.current.filter(function(y){return y!==w})},1)},[]),d=u.useCallback(function(s){r.current=H(s),n.current=void 0},[]),f=u.useCallback(function(s){c(s.type,Fe(s),s.target,i(s,e.lockRef.current))},[]),p=u.useCallback(function(s){c(s.type,H(s),s.target,i(s,e.lockRef.current))},[]);u.useEffect(function(){return _.push(a),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:p}),document.addEventListener("wheel",m,A),document.addEventListener("touchmove",m,A),document.addEventListener("touchstart",d,A),function(){_=_.filter(function(s){return s!==a}),document.removeEventListener("wheel",m,A),document.removeEventListener("touchmove",m,A),document.removeEventListener("touchstart",d,A)}},[]);var h=e.removeScrollBar,N=e.inert;return u.createElement(u.Fragment,null,N?u.createElement(a,{styles:wn(o)}):null,h?u.createElement(fn,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Cn(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}var xn=Jt($e,Sn),Ue=u.forwardRef(function(e,t){return u.createElement(Z,C({},e,{ref:t,sideCar:xn}))});Ue.classNames=Z.classNames;var Rn=Ue;export{L as C,He as E,Je as S,qe as T,k as _,Lt as a,it as b,Tt as c,ye as d,wt as f,M as g,yt as h,Se as i,U as l,G as m,Ut as n,Rt as o,gt as p,Bt as r,Ot as s,Rn as t,ge as u,de as v,F as w,le as x,ce as y};