@marimo-team/frontend 0.23.14-dev16 → 0.23.14-dev19

package/src/components/data-table/column-explorer-panel/column-explorer.tsx

@@ -50,7 +50,10 @@ import {
 import { smartMatch } from "@/utils/smartMatch";
 import type { Column, Table } from "@tanstack/react-table";
 import { cn } from "@/utils/cn";
-import { getColumnCountForDisplay } from "../hooks/use-column-visibility";
+import {
+  getColumnCountForDisplay,
+  getUserColumnVisibilityCounts,
+} from "../hooks/use-column-visibility";
 
 interface ColumnExplorerPanelProps<TData> {
   previewColumn: PreviewColumn;
@@ -90,6 +93,7 @@ export function ColumnExplorerPanel<TData>({
     totalColumns: effectiveTotalColumns,
     hiddenColumns: hiddenColumnCount,
   } = getColumnCountForDisplay(table, totalColumns);
+  const { visible: visibleColumnCount } = getUserColumnVisibilityCounts(table);
 
   const { rowsAndColumns, hiddenSuffix } = prettifyRowColumnCount({
     numRows: totalRows,
@@ -108,17 +112,34 @@ export function ColumnExplorerPanel<TData>({
           value={columns?.map(([columnName]) => columnName).join(",\n") || ""}
           className="h-3 w-3"
         />
-        {hiddenColumnCount > 0 && (
-          <Button
-            type="button"
-            variant="link"
-            size="xs"
-            className="h-auto p-0"
-            onClick={() => table.resetColumnVisibility(true)}
-          >
-            Unhide all
-          </Button>
-        )}
+        <div className="ml-auto flex items-center gap-1">
+          <Tooltip content="Show all columns" delayDuration={400}>
+            <Button
+              type="button"
+              variant="ghost"
+              size="xs"
+              className="gap-1"
+              disabled={hiddenColumnCount === 0}
+              onClick={() => table.toggleAllColumnsVisible(true)}
+            >
+              <EyeIcon className="w-3 h-3" />
+              Show all
+            </Button>
+          </Tooltip>
+          <Tooltip content="Hide all columns" delayDuration={400}>
+            <Button
+              type="button"
+              variant="ghost"
+              size="xs"
+              className="gap-1"
+              disabled={visibleColumnCount === 0}
+              onClick={() => table.toggleAllColumnsVisible(false)}
+            >
+              <EyeOffIcon className="w-3 h-3" />
+              Hide all
+            </Button>
+          </Tooltip>
+        </div>
       </div>
       <Command className="h-5/6 bg-background" shouldFilter={false}>
         <CommandInput

package/src/components/data-table/column-visibility-dropdown.tsx

@@ -59,6 +59,12 @@ export const ColumnVisibilityDropdown = <TData,>({
   const hiddenIds = userColumns
     .filter((column) => !column.getIsVisible())
     .map((column) => column.id);
+  const hideableIds = userColumns
+    .filter((column) => column.getCanHide())
+    .map((column) => column.id);
+  const visibleHideableCount = hideableIds.filter(
+    (id) => !hiddenIds.includes(id),
+  ).length;
 
   const applyHidden = (next: string[] | string | null) => {
     const hidden = new Set(Array.isArray(next) ? next : []);
@@ -127,6 +133,15 @@ export const ColumnVisibilityDropdown = <TData,>({
                   <EyeIcon className="w-3 h-3 mr-1.5" />
                   Show all
                 </CommandItem>
+                <CommandItem
+                  value="__hide_all__"
+                  disabled={visibleHideableCount === 0}
+                  onSelect={() => applyHidden(hideableIds)}
+                  className="cursor-pointer"
+                >
+                  <EyeOffIcon className="w-3 h-3 mr-1.5" />
+                  Hide all
+                </CommandItem>
                 <CommandSeparator />
               </>
             ) : (

package/src/components/editor/chrome/panels/snippets-panel.tsx

@@ -31,7 +31,7 @@ import { cn } from "@/utils/cn";
 import { HideInKioskMode } from "../../kiosk-mode";
 import { ContributeSnippetButton } from "../components/contribute-snippet-button";
 import { usePanelOrientation, usePanelSection } from "./panel-context";
-import { getSnippetDisplay } from "./snippet-display";
+import { getReadonlyCodeDisplay } from "@/core/cells/readonly-code-display";
 
 const extensions = [EditorView.lineWrapping];
 
@@ -188,7 +188,7 @@ const SnippetViewer: React.FC<{ snippet: Snippet; onClose: () => void }> = ({
             return null;
           }
 
-          const { language, value } = getSnippetDisplay(code);
+          const { language, code: displayCode } = getReadonlyCodeDisplay(code);
 
           return (
             <div
@@ -216,7 +216,7 @@ const SnippetViewer: React.FC<{ snippet: Snippet; onClose: () => void }> = ({
                   language={language}
                   className="cm border rounded overflow-hidden"
                   extensions={extensions}
-                  value={value}
+                  value={displayCode}
                   readOnly={true}
                 />
               </Suspense>

package/src/components/editor/code/readonly-python-code.tsx

@@ -1,5 +1,6 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
+import { markdown } from "@codemirror/lang-markdown";
 import { sql } from "@codemirror/lang-sql";
 import CodeMirror, {
   EditorView,
@@ -11,6 +12,7 @@ import { useAddCodeToNewCell } from "@/components/editor/cell/useAddCell";
 import { Button } from "@/components/ui/button";
 import { Tooltip } from "@/components/ui/tooltip";
 import { toast } from "@/components/ui/use-toast";
+import type { LanguageAdapterType } from "@/core/codemirror/language/types";
 import { customPythonLanguageSupport } from "@/core/codemirror/language/languages/python";
 import { useTheme } from "@/theme/useTheme";
 import { cn } from "@/utils/cn";
@@ -22,6 +24,18 @@ const pythonExtensions = [
   EditorView.lineWrapping,
 ];
 const sqlExtensions = [sql(), EditorView.lineWrapping];
+const markdownExtensions = [markdown(), EditorView.lineWrapping];
+
+function readonlyCodeExtensions(language: LanguageAdapterType) {
+  switch (language) {
+    case "sql":
+      return sqlExtensions;
+    case "markdown":
+      return markdownExtensions;
+    default:
+      return pythonExtensions;
+  }
+}
 
 /**
  * A readonly code component that can be used to display code in a readonly state.
@@ -42,7 +56,7 @@ export const ReadonlyCode = memo(
       showHideCode?: boolean;
       showCopyCode?: boolean;
       insertNewCell?: boolean;
-      language?: "python" | "sql";
+      language?: LanguageAdapterType;
     } & ReactCodeMirrorProps,
   ) => {
     const { theme } = useTheme();
@@ -84,7 +98,7 @@ export const ReadonlyCode = memo(
           theme={theme === "dark" ? "dark" : "light"}
           height="100%"
           editable={!hideCode}
-          extensions={language === "python" ? pythonExtensions : sqlExtensions}
+          extensions={readonlyCodeExtensions(language)}
           value={code}
           readOnly={true}
         />

package/src/components/editor/renderers/vertical-layout/__tests__/vertical-layout.test.ts

@@ -2,11 +2,7 @@
 /* oxlint-disable typescript/no-explicit-any */
 import { describe, expect, it } from "vitest";
 import type { OutputMessage } from "@/core/kernel/messages";
-import {
-  groupCellsByColumn,
-  readonlyDisplay,
-  shouldHideCode,
-} from "../vertical-layout";
+import { groupCellsByColumn, shouldHideCode } from "../vertical-layout";
 
 describe("groupCellsByColumn", () => {
   it("should group cells by column and maintain order", () => {
@@ -175,25 +171,3 @@ describe("shouldHideCode", () => {
     });
   });
 });
-
-describe("readonlyDisplay", () => {
-  it("unwraps SQL cells to their inner query and marks them as sql", () => {
-    const result = readonlyDisplay('my_table = mo.sql("""SELECT 1 AS id""")');
-    expect(result.language).toBe("sql");
-    expect(result.code).toBe("SELECT 1 AS id");
-  });
-
-  it("leaves plain Python cells untouched", () => {
-    const code = "x = 1 + 2";
-    const result = readonlyDisplay(code);
-    expect(result.language).toBe("python");
-    expect(result.code).toBe(code);
-  });
-
-  it("leaves non-SQL cells (e.g. markdown) unchanged as python", () => {
-    const code = 'mo.md("""## Heading""")';
-    const result = readonlyDisplay(code);
-    expect(result.language).toBe("python");
-    expect(result.code).toBe(code);
-  });
-});

package/src/components/editor/renderers/vertical-layout/vertical-layout.tsx

@@ -10,7 +10,6 @@ import {
   Loader2Icon,
   MoreHorizontalIcon,
 } from "lucide-react";
-import { SQLParser } from "@marimo-team/smart-cells";
 import type React from "react";
 import { memo, useRef, useState } from "react";
 import { z } from "zod";
@@ -30,6 +29,7 @@ import { outputIsLoading, outputIsStale } from "@/core/cells/cell";
 import type { CellId } from "@/core/cells/ids";
 import { isOutputEmpty } from "@/core/cells/outputs";
 import type { CellData, CellRuntimeState } from "@/core/cells/types";
+import { getReadonlyCodeDisplay } from "@/core/cells/readonly-code-display";
 import { MarkdownLanguageAdapter } from "@/core/codemirror/language/languages/markdown";
 import { useResolvedMarimoConfig } from "@/core/config/config";
 import { CSSClasses, KnownQueryParams } from "@/core/constants";
@@ -386,7 +386,7 @@ const VerticalCell = memo(
       // Hide the code if it's pure markdown and there's an output, or if the code is empty
       const hideCode = shouldHideCode(code, output);
       // Only unwrap SQL when the code will actually be rendered.
-      const display = hideCode ? null : readonlyDisplay(code);
+      const display = hideCode ? null : getReadonlyCodeDisplay(code);
 
       return (
         <div
@@ -500,20 +500,3 @@ export function shouldHideCode(code: string, output: OutputMessage | null) {
   const hasOutput = output !== null && !isOutputEmpty(output);
   return (isPureMarkdown && hasOutput) || code.trim() === "";
 }
-
-const sqlParser = new SQLParser();
-
-/**
- * Unwrap SQL cells to their inner query so read-only views highlight them as
- * SQL instead of showing the raw `mo.sql(...)` wrapper.
- */
-export function readonlyDisplay(code: string): {
-  code: string;
-  language: "python" | "sql";
-} {
-  const trimmed = code.trim();
-  if (sqlParser.isSupported(trimmed)) {
-    return { code: sqlParser.transformIn(trimmed).code, language: "sql" };
-  }
-  return { code, language: "python" };
-}

package/src/components/slides/slide-cell-view.tsx

@@ -26,7 +26,7 @@ import { connectionAtom } from "@/core/network/connection";
 import { useTheme } from "@/theme/useTheme";
 import { cn } from "@/utils/cn";
 import { ReadonlyCode } from "../editor/code/readonly-python-code";
-import { languageAdapterFromCode } from "@/core/codemirror/language/extension";
+import { getReadonlyCodeDisplay } from "@/core/cells/readonly-code-display";
 
 type RuntimeCell = CellRuntimeState & CellData;
 
@@ -188,10 +188,7 @@ export const SlideCellReadOnlyView = ({ cell }: { cell: RuntimeCell }) => {
   const [userConfig] = useUserConfig();
   const cellOutputPosition = userConfig.display.cell_output;
 
-  const language = useMemo(() => {
-    const adapter = languageAdapterFromCode(cell.code.trim());
-    return adapter.type === "sql" ? "sql" : "python";
-  }, [cell.code]);
+  const display = useMemo(() => getReadonlyCodeDisplay(cell.code), [cell.code]);
 
   const output = (
     <CellOutputSlide
@@ -203,7 +200,11 @@ export const SlideCellReadOnlyView = ({ cell }: { cell: RuntimeCell }) => {
 
   const editor = (
     <div className="marimo-cell">
-      <ReadonlyCode code={cell.code} language={language} showHideCode={false} />
+      <ReadonlyCode
+        code={display.code}
+        language={display.language}
+        showHideCode={false}
+      />
     </div>
   );
 

package/src/core/cells/__tests__/readonly-code-display.test.ts

@@ -0,0 +1,46 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { describe, expect, it } from "vitest";
+import { getReadonlyCodeDisplay } from "../readonly-code-display";
+
+describe("getReadonlyCodeDisplay", () => {
+  it("unwraps SQL cells to their inner query and marks them as sql", () => {
+    const result = getReadonlyCodeDisplay(
+      'my_table = mo.sql("""SELECT 1 AS id""")',
+    );
+    expect(result.language).toBe("sql");
+    expect(result.code).toBe("SELECT 1 AS id");
+  });
+
+  it("unwraps f-string SQL cells", () => {
+    const result = getReadonlyCodeDisplay(
+      'my_table = mo.sql(f"""SELECT 1 AS id""")',
+    );
+    expect(result.language).toBe("sql");
+    expect(result.code).toBe("SELECT 1 AS id");
+  });
+
+  it("leaves plain Python cells untouched", () => {
+    const code = "x = 1 + 2\nprint(x)";
+    const result = getReadonlyCodeDisplay(code);
+    expect(result.language).toBe("python");
+    expect(result.code).toBe(code);
+  });
+
+  it("unwraps markdown cells to their inner content", () => {
+    const result = getReadonlyCodeDisplay('mo.md("""## Heading""")');
+    expect(result.language).toBe("markdown");
+    expect(result.code).toBe("## Heading");
+  });
+
+  it("treats empty or whitespace-only code as python", () => {
+    expect(getReadonlyCodeDisplay("")).toEqual({
+      code: "",
+      language: "python",
+    });
+    expect(getReadonlyCodeDisplay("   \n\t  ")).toEqual({
+      code: "   \n\t  ",
+      language: "python",
+    });
+  });
+});

package/src/core/cells/readonly-code-display.ts

@@ -0,0 +1,35 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { MarkdownParser, SQLParser } from "@marimo-team/smart-cells";
+import type { LanguageAdapterType } from "@/core/codemirror/language/types";
+
+export interface ReadonlyCodeDisplay {
+  code: string;
+  language: LanguageAdapterType;
+}
+
+const markdownParser = new MarkdownParser();
+const sqlParser = new SQLParser();
+
+/**
+ * Unwrap SQL and markdown cells so read-only views show inner content with the
+ * correct syntax highlighting instead of the raw Python wrapper.
+ */
+export function getReadonlyCodeDisplay(code: string): ReadonlyCodeDisplay {
+  const trimmed = code.trim();
+  if (!trimmed) {
+    return { code, language: "python" };
+  }
+
+  if (markdownParser.isSupported(trimmed)) {
+    return {
+      code: markdownParser.transformIn(trimmed).code,
+      language: "markdown",
+    };
+  }
+
+  if (sqlParser.isSupported(trimmed)) {
+    return { code: sqlParser.transformIn(trimmed).code, language: "sql" };
+  }
+  return { code, language: "python" };
+}

package/dist/assets/cell-link-DO4acQD0.js

@@ -1 +0,0 @@
-import{s as L}from"./chunk-LvLJmgfZ.js";import{d as P,l as j,n as w,u as O}from"./useEvent-D91BmmQi.js";import{D as y,Gi as A,Lt as D,M as E,Ni as _,P as S,gn as T}from"./cells-B7YKR2ed.js";import{t as b}from"./compiler-runtime-B3qBwwSJ.js";import{_ as $}from"./useEventListener-BakX-tnw.js";import{p as F}from"./utils-Dev6I_Kv.js";import{r as N}from"./constants-B9JJ72XE.js";import{v as M,w as q}from"./config-3clPIEB9.js";import{t as B}from"./cn-X2M2usMq.js";import{t as G}from"./jsx-runtime-PbYoItBR.js";import{r as H}from"./requests-KshNNAOp.js";import{n as K}from"./paths-DhuNSnZ_.js";import{s as R}from"./session-CsT5Gg9j.js";import{n as U}from"./ImperativeModal-B62Q6S9l.js";var V=b();function I(){return O(_)}function z(){let r=(0,V.c)(5),[t]=j(M),e=P(_),{openAlert:s}=U(),{sendRename:o}=H(),a;return r[0]!==t.state||r[1]!==s||r[2]!==o||r[3]!==e?(a=async l=>{let n=F();return t.state===q.OPEN?(R(i=>{l===null?i.delete(N.filePath):i.set(N.filePath,l)}),o({filename:l}).then(()=>(e(l),document.title=n.app_title||K.basename(l)||"Untitled Notebook",l)).catch(i=>(s(i.message),null))):(s("Failed to save notebook: not connected to a kernel."),null)},r[0]=t.state,r[1]=s,r[2]=o,r[3]=e,r[4]=a):a=r[4],w(a)}var p=b(),v=L(G(),1);const h=r=>{let t=(0,p.c)(12),{className:e,cellId:s,variant:o,onClick:a,formatCellName:l,skipScroll:n}=r,i=S()[s]??"",C=E().inOrderIds.indexOf(s),{showCellIfHidden:d}=y(),g=l??W,c;t[0]===e?c=t[1]:(c=B("inline-block cursor-pointer text-link hover:underline",e),t[0]=e,t[1]=c);let m;t[2]!==s||t[3]!==a||t[4]!==d||t[5]!==n||t[6]!==o?(m=k=>{if(s==="__scratch__")return!1;d({cellId:s}),k.stopPropagation(),k.preventDefault(),requestAnimationFrame(()=>{x(s,o,n)&&(a==null||a())})},t[2]=s,t[3]=a,t[4]=d,t[5]=n,t[6]=o,t[7]=m):m=t[7];let f=g(D(i,C)),u;return t[8]!==c||t[9]!==m||t[10]!==f?(u=(0,v.jsx)("div",{className:c,role:"link",tabIndex:-1,onClick:m,children:f}),t[8]=c,t[9]=m,t[10]=f,t[11]=u):u=t[11],u},J=r=>{let t=(0,p.c)(2),e;return t[0]===r?e=t[1]:(e=(0,v.jsx)(h,{...r,variant:"destructive"}),t[0]=r,t[1]=e),e},Q=r=>{let t=(0,p.c)(10),{cellId:e,lineNumber:s}=r,o=I(),a;t[0]!==e||t[1]!==s?(a=()=>T(e,s),t[0]=e,t[1]=s,t[2]=a):a=t[2];let l;t[3]!==e||t[4]!==o?(l=i=>e==="__scratch__"?"scratch":`marimo://${o||"untitled"}#cell=${i}`,t[3]=e,t[4]=o,t[5]=l):l=t[5];let n;return t[6]!==e||t[7]!==a||t[8]!==l?(n=(0,v.jsx)(h,{cellId:e,onClick:a,skipScroll:!0,variant:"destructive",className:"traceback-cell-link",formatCellName:l}),t[6]=e,t[7]=a,t[8]=l,t[9]=n):n=t[9],n};function x(r,t,e){let s=A.create(r),o=document.getElementById(s),a=o==null?void 0:o.classList.contains("has-error");return o===null?($.error(`Cell ${s} not found on page.`),!1):(e||o.scrollIntoView({behavior:"smooth",block:"center"}),(t==="destructive"||a&&t===void 0)&&(o.classList.add("error-outline"),setTimeout(()=>{o.classList.remove("error-outline")},2e3)),(t==="focus"||!a&&t===void 0)&&(o.classList.add("focus-outline"),setTimeout(()=>{o.classList.remove("focus-outline")},2e3)),!0)}function W(r){return r}export{I as a,x as i,J as n,z as o,Q as r,h as t};

package/dist/assets/channel-Dc6EzpN1.js

@@ -1 +0,0 @@
-import{et as r,tt as e}from"./chunk-ABZYJK2D-B-yriO93.js";var o=(t,a)=>e.lang.round(r.parse(t)[a]);export{o as t};

package/dist/assets/chunk-55IACEB6-DwfSZW8J.js

@@ -1 +0,0 @@
-import{u as r}from"./src-CvyFXpBy.js";import{n}from"./src-BRLtyMKi.js";var a=n((e,o)=>{let t;return o==="sandbox"&&(t=r("#i"+e)),r(o==="sandbox"?t.nodes()[0].contentDocument.body:"body").select(`[id="${e}"]`)},"getDiagramElement");export{a as t};

package/dist/assets/classDiagram-2ON5EDUG-A9VH2ZvK.js

@@ -1 +0,0 @@
-import"./purify.es-DfJp_of2.js";import"./src-CvyFXpBy.js";import"./chunk-S3R3BYOJ-BPuj-dI4.js";import{n as t}from"./src-BRLtyMKi.js";import"./chunk-ABZYJK2D-B-yriO93.js";import"./chunk-HN2XXSSU-ujlBpRMF.js";import"./chunk-CVBHYZKI-BX0N_ipT.js";import"./chunk-ATLVNIR6-CATEdUsI.js";import"./dist-BjCIGEdQ.js";import"./chunk-JA3XYJ7Z-BC4z3QJN.js";import"./chunk-JZLCHNYA-BS06EXEs.js";import"./chunk-QXUST7PY-BGAG3yNG.js";import"./chunk-N4CR4FBY-sFNBk2qj.js";import"./chunk-FMBD7UC4-DBAmwXnH.js";import"./chunk-55IACEB6-DwfSZW8J.js";import"./chunk-QN33PNHL-CaxJ41FN.js";import{i,n as o,r as m,t as p}from"./chunk-B4BG7PRW-tMC-dXvv.js";var a={parser:o,get db(){return new p},renderer:m,styles:i,init:t(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{a as diagram};

package/dist/assets/classDiagram-v2-WZHVMYZB-BbiRaNB_.js

@@ -1 +0,0 @@
-import"./purify.es-DfJp_of2.js";import"./src-CvyFXpBy.js";import"./chunk-S3R3BYOJ-BPuj-dI4.js";import{n as t}from"./src-BRLtyMKi.js";import"./chunk-ABZYJK2D-B-yriO93.js";import"./chunk-HN2XXSSU-ujlBpRMF.js";import"./chunk-CVBHYZKI-BX0N_ipT.js";import"./chunk-ATLVNIR6-CATEdUsI.js";import"./dist-BjCIGEdQ.js";import"./chunk-JA3XYJ7Z-BC4z3QJN.js";import"./chunk-JZLCHNYA-BS06EXEs.js";import"./chunk-QXUST7PY-BGAG3yNG.js";import"./chunk-N4CR4FBY-sFNBk2qj.js";import"./chunk-FMBD7UC4-DBAmwXnH.js";import"./chunk-55IACEB6-DwfSZW8J.js";import"./chunk-QN33PNHL-CaxJ41FN.js";import{i,n as o,r as m,t as p}from"./chunk-B4BG7PRW-tMC-dXvv.js";var a={parser:o,get db(){return new p},renderer:m,styles:i,init:t(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{a as diagram};

package/dist/assets/components-CCxUdXt3.js

@@ -1 +0,0 @@
-import{s as x}from"./chunk-LvLJmgfZ.js";import{i as b}from"./useEvent-D91BmmQi.js";import{t as j}from"./react-Bj1aDYRI.js";import{Bn as w,f as P,yn as C}from"./cells-B7YKR2ed.js";import{t as N}from"./compiler-runtime-B3qBwwSJ.js";import{t as c}from"./cn-X2M2usMq.js";import{t as k}from"./jsx-runtime-PbYoItBR.js";import{a as A,i as B,o as R}from"./config-DMNo9K-z.js";import{t as I}from"./badge-6yGCqY1Z.js";var S=N(),m=x(k(),1);const T=o=>{let r=(0,S.c)(8),{variableName:a,className:e}=o,t;r[0]===a?t=r[1]:(t=i=>{i.stopPropagation();let d=_(a);if(!d)return;let u=P(d);u&&C(u,a)},r[0]=a,r[1]=t);let s=t,l;r[2]===e?l=r[3]:(l=c("text-link opacity-80 hover:opacity-100 hover:underline",e),r[2]=e,r[3]=l);let n;return r[4]!==s||r[5]!==l||r[6]!==a?(n=(0,m.jsx)("button",{type:"button",onClick:s,className:l,children:a}),r[4]=s,r[5]=l,r[6]=a,r[7]=n):n=r[7],n};function _(o){let r=b.get(w)[o];if(r)return r.declaredBy[0]}var p=N(),f=x(j(),1),y=f.forwardRef((o,r)=>{let a=(0,p.c)(11),e,t,s;a[0]===o?(e=a[1],t=a[2],s=a[3]):({className:e,lastItem:t,...s}=o,a[0]=o,a[1]=e,a[2]=t,a[3]=s);let l=t&&"border-b-0",n;a[4]!==e||a[5]!==l?(n=c(l,e),a[4]=e,a[5]=l,a[6]=n):n=a[6];let i;return a[7]!==s||a[8]!==r||a[9]!==n?(i=(0,m.jsx)(A,{ref:r,className:n,...s}),a[7]=s,a[8]=r,a[9]=n,a[10]=i):i=a[10],i});y.displayName="PanelAccordionItem";var v=f.forwardRef((o,r)=>{let a=(0,p.c)(13),e,t,s;a[0]===o?(e=a[1],t=a[2],s=a[3]):({className:t,children:e,...s}=o,a[0]=o,a[1]=e,a[2]=t,a[3]=s);let l;a[4]===t?l=a[5]:(l=c("px-3 py-2 text-xs font-semibold uppercase tracking-wide hover:no-underline",t),a[4]=t,a[5]=l);let n;a[6]===e?n=a[7]:(n=(0,m.jsx)("span",{className:"flex items-center gap-2",children:e}),a[6]=e,a[7]=n);let i;return a[8]!==s||a[9]!==r||a[10]!==l||a[11]!==n?(i=(0,m.jsx)(R,{ref:r,className:l,...s,children:n}),a[8]=s,a[9]=r,a[10]=l,a[11]=n,a[12]=i):i=a[12],i});v.displayName="PanelAccordionTrigger";var g=f.forwardRef((o,r)=>{let a=(0,p.c)(9),e,t;a[0]===o?(e=a[1],t=a[2]):({wrapperClassName:t,...e}=o,a[0]=o,a[1]=e,a[2]=t);let s;a[3]===t?s=a[4]:(s=c("p-0",t),a[3]=t,a[4]=s);let l;return a[5]!==e||a[6]!==r||a[7]!==s?(l=(0,m.jsx)(B,{ref:r,wrapperClassName:s,...e}),a[5]=e,a[6]=r,a[7]=s,a[8]=l):l=a[8],l});g.displayName="PanelAccordionContent";var h=o=>{let r=(0,p.c)(8),a,e;r[0]===o?(a=r[1],e=r[2]):({className:a,...e}=o,r[0]=o,r[1]=a,r[2]=e);let t;r[3]===a?t=r[4]:(t=c("py-0 px-1.5 text-[10px]",a),r[3]=a,r[4]=t);let s;return r[5]!==e||r[6]!==t?(s=(0,m.jsx)(I,{variant:"secondary",className:t,...e}),r[5]=e,r[6]=t,r[7]=s):s=r[7],s};h.displayName="PanelBadge";export{T as a,h as i,y as n,v as r,g as t};