@marimo-team/frontend 0.24.1-dev64 → 0.24.1-dev66

package/dist/index.html

@@ -66,7 +66,7 @@
     <marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
     <!-- /TODO -->
     <title>{{ title }}</title>
-    <script type="module" crossorigin src="./assets/index-DfbaUhcq.js"></script>
+    <script type="module" crossorigin src="./assets/index-Chf7uq-1.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/rolldown-runtime-B0Z9INg1.js">
     <link rel="modulepreload" crossorigin href="./assets/react-CBDbhulC.js">
     <link rel="modulepreload" crossorigin href="./assets/compiler-runtime-CYIjoINj.js">
@@ -94,13 +94,13 @@
     <link rel="modulepreload" crossorigin href="./assets/fullscreen-0EEPR7uc.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-BgL43w5r.js">
     <link rel="modulepreload" crossorigin href="./assets/menu-items-BSVrMleU.js">
-    <link rel="modulepreload" crossorigin href="./assets/button-BMBznEru.js">
-    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-DBoy-FMx.js">
+    <link rel="modulepreload" crossorigin href="./assets/button-Btj6GXNy.js">
+    <link rel="modulepreload" crossorigin href="./assets/alert-dialog-BVi_GyOB.js">
     <link rel="modulepreload" crossorigin href="./assets/createLucideIcon-B7HeEoG2.js">
     <link rel="modulepreload" crossorigin href="./assets/check-BoA6XBpj.js">
     <link rel="modulepreload" crossorigin href="./assets/context-Do8M9TDF.js">
     <link rel="modulepreload" crossorigin href="./assets/useNumberFormatter-DHJ9s6Vk.js">
-    <link rel="modulepreload" crossorigin href="./assets/select-BUEX2Vfl.js">
+    <link rel="modulepreload" crossorigin href="./assets/select-czJLm6jf.js">
     <link rel="modulepreload" crossorigin href="./assets/circle--ysFeW9z.js">
     <link rel="modulepreload" crossorigin href="./assets/tooltip-D7dq6bnc.js">
     <link rel="modulepreload" crossorigin href="./assets/dist-PIe1xcZo.js">
@@ -120,10 +120,10 @@
     <link rel="modulepreload" crossorigin href="./assets/database-zap-CloO6gbw.js">
     <link rel="modulepreload" crossorigin href="./assets/numbers-DKurV_vq.js">
     <link rel="modulepreload" crossorigin href="./assets/useDebounce-Dulm61-t.js">
-    <link rel="modulepreload" crossorigin href="./assets/input-DeyycFtq.js">
+    <link rel="modulepreload" crossorigin href="./assets/input-Daz6sk8l.js">
     <link rel="modulepreload" crossorigin href="./assets/uuid-k9DpjH68.js">
     <link rel="modulepreload" crossorigin href="./assets/use-toast-DpWHUGuF.js">
-    <link rel="modulepreload" crossorigin href="./assets/write-secret-modal-BG_B6y1P.js">
+    <link rel="modulepreload" crossorigin href="./assets/write-secret-modal-lNU_7c2x.js">
     <link rel="modulepreload" crossorigin href="./assets/plus-C4J9gIE1.js">
     <link rel="modulepreload" crossorigin href="./assets/trash-2-D_HX-0qx.js">
     <link rel="modulepreload" crossorigin href="./assets/badge-D_-uqy2N.js">
@@ -138,56 +138,56 @@
     <link rel="modulepreload" crossorigin href="./assets/useTheme-D3zvxdF3.js">
     <link rel="modulepreload" crossorigin href="./assets/useAsyncData-Buhk-UgR.js">
     <link rel="modulepreload" crossorigin href="./assets/purify.es-DrVcFY1Q.js">
-    <link rel="modulepreload" crossorigin href="./assets/cells-DNoi9Edm.js">
+    <link rel="modulepreload" crossorigin href="./assets/cells-CWhmlx33.js">
     <link rel="modulepreload" crossorigin href="./assets/get-DjNf4SIX.js">
     <link rel="modulepreload" crossorigin href="./assets/_hasPath-BmRQipI0.js">
     <link rel="modulepreload" crossorigin href="./assets/hasIn-yw4sIeJR.js">
     <link rel="modulepreload" crossorigin href="./assets/_baseSet-gX6o3Pih.js">
     <link rel="modulepreload" crossorigin href="./assets/pick-Bs4cJfJU.js">
     <link rel="modulepreload" crossorigin href="./assets/errors-DzO-nXy-.js">
-    <link rel="modulepreload" crossorigin href="./assets/switch-27TbonxF.js">
+    <link rel="modulepreload" crossorigin href="./assets/switch-Gl6cozkm.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-BMXKNElG.js">
     <link rel="modulepreload" crossorigin href="./assets/eye-off-CFuPxa9F.js">
     <link rel="modulepreload" crossorigin href="./assets/copy-Cg05mM3C.js">
     <link rel="modulepreload" crossorigin href="./assets/extends-CvVTau-c.js">
     <link rel="modulepreload" crossorigin href="./assets/esm-Dw0vvSg2.js">
-    <link rel="modulepreload" crossorigin href="./assets/useAddCell-CAX4gqgE.js">
-    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-m_9bVgtt.js">
-    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-YVX2AZaI.js">
+    <link rel="modulepreload" crossorigin href="./assets/useAddCell-BNQmZTYq.js">
+    <link rel="modulepreload" crossorigin href="./assets/readonly-python-code-BGVVx228.js">
+    <link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-zSwE3dvU.js">
     <link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-D9Dr-k4J.js">
     <link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-CRg4xQWg.js">
-    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-CB2UurmB.js">
-    <link rel="modulepreload" crossorigin href="./assets/copy-icon-LPQzn7_f.js">
-    <link rel="modulepreload" crossorigin href="./assets/useRunCells-DttzF-pt.js">
-    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-DyTQ_aJR.js">
-    <link rel="modulepreload" crossorigin href="./assets/blob-D2x71aTK.js">
+    <link rel="modulepreload" crossorigin href="./assets/markdown-renderer-KEQXCdvc.js">
+    <link rel="modulepreload" crossorigin href="./assets/copy-icon-CRxVZTJ9.js">
+    <link rel="modulepreload" crossorigin href="./assets/useRunCells-DpiI4EUr.js">
+    <link rel="modulepreload" crossorigin href="./assets/RenderHTML-B2NEp3vg.js">
+    <link rel="modulepreload" crossorigin href="./assets/blob-D0bOT_Rc.js">
     <link rel="modulepreload" crossorigin href="./assets/share-C2MPy_VX.js">
     <link rel="modulepreload" crossorigin href="./assets/events-CbeVJ6OD.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-DGgHgBN9.js">
-    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-TUuUdxHz.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-DRoa41ur.js">
+    <link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-npvnLp9x.js">
     <link rel="modulepreload" crossorigin href="./assets/config-Cl3eMWxb.js">
     <link rel="modulepreload" crossorigin href="./assets/tabs-c6mpccpH.js">
     <link rel="modulepreload" crossorigin href="./assets/chevron-right-CKA5zVsM.js">
     <link rel="modulepreload" crossorigin href="./assets/dropdown-menu-CqNabM1f.js">
     <link rel="modulepreload" crossorigin href="./assets/html-to-image-DMn_7CCA.js">
-    <link rel="modulepreload" crossorigin href="./assets/download-CCPBCjzu.js">
+    <link rel="modulepreload" crossorigin href="./assets/download-DUFyna0J.js">
     <link rel="modulepreload" crossorigin href="./assets/table-CUK1W5bI.js">
     <link rel="modulepreload" crossorigin href="./assets/refresh-cw-Bf-rx_aV.js">
-    <link rel="modulepreload" crossorigin href="./assets/tree-actions-CxkW_mv4.js">
+    <link rel="modulepreload" crossorigin href="./assets/tree-actions-BoQfkAEN.js">
     <link rel="modulepreload" crossorigin href="./assets/ellipsis-Dfik_tuW.js">
     <link rel="modulepreload" crossorigin href="./assets/external-link-Bp3BxyRA.js">
     <link rel="modulepreload" crossorigin href="./assets/spinner-Ck-Hgfvj.js">
     <link rel="modulepreload" crossorigin href="./assets/message-circle-BQB1AIAg.js">
     <link rel="modulepreload" crossorigin href="./assets/hat-glasses-C8LSY3HT.js">
     <link rel="modulepreload" crossorigin href="./assets/package-DPlscLzt.js">
-    <link rel="modulepreload" crossorigin href="./assets/datasource-DVv7qUFu.js">
+    <link rel="modulepreload" crossorigin href="./assets/datasource-BhCWw0_C.js">
     <link rel="modulepreload" crossorigin href="./assets/kbd-Cwh96ZBE.js">
     <link rel="modulepreload" crossorigin href="./assets/alert-dmKwNsrp.js">
     <link rel="modulepreload" crossorigin href="./assets/useInstallPackage-Bq7SlWgN.js">
-    <link rel="modulepreload" crossorigin href="./assets/state-CHqSZb7R.js">
-    <link rel="modulepreload" crossorigin href="./assets/cell-link-c74wFaiz.js">
-    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-CidvW8yi.js">
-    <link rel="modulepreload" crossorigin href="./assets/VisuallyHidden-DurJ_JBW.js">
+    <link rel="modulepreload" crossorigin href="./assets/state-CfUWx1Rb.js">
+    <link rel="modulepreload" crossorigin href="./assets/cell-link-BqUCel0u.js">
+    <link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-ZJ6XQKr0.js">
+    <link rel="modulepreload" crossorigin href="./assets/VisuallyHidden-SChAyKIQ.js">
     <link rel="modulepreload" crossorigin href="./assets/useDateFormatter-BiqAQ-zI.js">
     <link rel="modulepreload" crossorigin href="./assets/en-US-yTIMUO13.js">
     <link rel="modulepreload" crossorigin href="./assets/isValid-nQ3Iam8J.js">
@@ -200,12 +200,12 @@
     <link rel="modulepreload" crossorigin href="./assets/react-icons.esm-hr79-MCS.js">
     <link rel="modulepreload" crossorigin href="./assets/emotion-is-prop-valid.esm-nLO-SoUf.js">
     <link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-DEpTCh1Q.js">
-    <link rel="modulepreload" crossorigin href="./assets/error-banner-B3KYUlCX.js">
+    <link rel="modulepreload" crossorigin href="./assets/error-banner-BYN8YUMe.js">
     <link rel="modulepreload" crossorigin href="./assets/utils-49LGK4zG.js">
     <link rel="modulepreload" crossorigin href="./assets/formats-DSzGCKeO.js">
     <link rel="modulepreload" crossorigin href="./assets/table-DmqOOjfe.js">
     <link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-BSRAHC4P.js">
-    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DbjqR1zZ.js">
+    <link rel="modulepreload" crossorigin href="./assets/JsonOutput-DWHV2eQE.js">
     <link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-ChZdjJhj.js">
     <link rel="modulepreload" crossorigin href="./assets/square-function-DkZweMAs.js">
     <link rel="modulepreload" crossorigin href="./assets/spec-CUFquO6R.js">
@@ -216,11 +216,11 @@
     <link rel="modulepreload" crossorigin href="./assets/file-headphone-rFCxFRI8.js">
     <link rel="modulepreload" crossorigin href="./assets/file-DF8n85RA.js">
     <link rel="modulepreload" crossorigin href="./assets/image-ab13yGv4.js">
-    <link rel="modulepreload" crossorigin href="./assets/file-icons-CLGmPKoJ.js">
+    <link rel="modulepreload" crossorigin href="./assets/file-icons-DuifYpwL.js">
     <link rel="modulepreload" crossorigin href="./assets/globe-BQf75qV_.js">
     <link rel="modulepreload" crossorigin href="./assets/markdown-export-0rLbaq8b.js">
     <link rel="modulepreload" crossorigin href="./assets/types-BflGgckY.js">
-    <link rel="modulepreload" crossorigin href="./assets/column-preview-BrO557-t.js">
+    <link rel="modulepreload" crossorigin href="./assets/column-preview-Cya1--h1.js">
     <link rel="modulepreload" crossorigin href="./assets/square-B58Ib8Ir.js">
     <link rel="modulepreload" crossorigin href="./assets/triangle-alert-MihykDYG.js">
     <link rel="modulepreload" crossorigin href="./assets/prop-types-Djf4O40e.js">
@@ -230,11 +230,11 @@
     <link rel="modulepreload" crossorigin href="./assets/icons-CjLa9BiH.js">
     <link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-CLytDdMl.js">
     <link rel="modulepreload" crossorigin href="./assets/pathUtils-Cryrlpma.js">
-    <link rel="modulepreload" crossorigin href="./assets/floating-outline-W5HJSoBY.js">
+    <link rel="modulepreload" crossorigin href="./assets/floating-outline-CnooYKtT.js">
     <link rel="stylesheet" crossorigin href="./assets/cells-D-c15Ks-.css">
     <link rel="stylesheet" crossorigin href="./assets/markdown-renderer-CU2Wa_Bt.css">
     <link rel="stylesheet" crossorigin href="./assets/JsonOutput-BQtz7-np.css">
-    <link rel="stylesheet" crossorigin href="./assets/index-ecw9ngZu.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-M0P2T5GI.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/frontend",
-  "version": "0.24.1-dev64",
+  "version": "0.24.1-dev66",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/components/ui/__tests__/button.test.ts

@@ -0,0 +1,42 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { describe, expect, it } from "vitest";
+import { buttonVariants } from "../button";
+
+describe("buttonVariants", () => {
+  it.each([
+    {
+      variant: "destructive" as const,
+      expected: [
+        "bg-destructive",
+        "text-destructive-foreground",
+        "border-destructive-border",
+        "hover:bg-destructive-hover",
+      ],
+    },
+    {
+      variant: "success" as const,
+      expected: [
+        "bg-success",
+        "text-success-foreground",
+        "border-success-border",
+        "hover:bg-success-hover",
+      ],
+    },
+    {
+      variant: "warn" as const,
+      expected: [
+        "bg-action",
+        "text-action-foreground",
+        "border-action-border",
+        "hover:bg-action-hover",
+      ],
+    },
+  ])("uses semantic theme colors for $variant", ({ variant, expected }) => {
+    const classes = buttonVariants({ variant });
+
+    expect(classes).toEqual(expect.stringContaining(expected.join(" ")));
+    expect(classes).not.toMatch(/--(?:red|grass|yellow)-/);
+    expect(classes).not.toContain("dark:");
+  });
+});

package/src/components/ui/button.tsx

@@ -24,28 +24,22 @@ const buttonVariants = cva(
         ),
         destructive: cn(
           "border shadow-xs",
-          "bg-(--red-9) hover:bg-(--red-10) dark:bg-(--red-6) dark:hover:bg-(--red-7)",
-          "text-(--red-1) dark:text-(--red-12)",
-          "border-(--red-11)",
+          "bg-destructive text-destructive-foreground border-destructive-border hover:bg-destructive-hover",
           activeCommon,
         ),
         success: cn(
           "border shadow-xs",
-          "bg-(--grass-9) hover:bg-(--grass-10) dark:bg-(--grass-6) dark:hover:bg-(--grass-7)",
-          "text-(--grass-1) dark:text-(--grass-12)",
-          "border-(--grass-11)",
+          "bg-success text-success-foreground border-success-border hover:bg-success-hover",
           activeCommon,
         ),
         warn: cn(
           "border shadow-xs",
-          "bg-(--yellow-9) hover:bg-(--yellow-10) dark:bg-(--yellow-6) dark:hover:bg-(--yellow-7)",
-          "text-(--yellow-12)",
-          "border-(--yellow-11)",
+          "bg-action text-action-foreground border-action-border hover:bg-action-hover",
           activeCommon,
         ),
         action: cn(
           "bg-action text-action-foreground shadow-xs",
-          "hover:bg-action-hover border border-action",
+          "hover:bg-action-hover border border-action-border",
           activeCommon,
         ),
         outline: cn(

package/src/css/globals.css

@@ -83,19 +83,26 @@
     --ring: hsl(215deg 20.2% 65.1%);
 
     /* Semantic colors. */
-    --destructive: hsl(0deg 100% 70%);
-    --destructive-foreground: hsl(210deg 40% 98%);
-    --error: hsl(0deg 77% 64%);
-    --error-foreground: hsl(210deg 40% 98%);
-    --success: hsl(130deg 100% 70%);
-    --success-foreground: hsl(210deg 40% 98%);
-    --action: hsl(52deg 96.8% 82%);
-    --action-hover: hsl(54deg 100% 86.7%);
-    --action-foreground: hsl(42deg 100% 29%);
+    --destructive: var(--red-9, #e5484d);
+    --destructive-hover: var(--red-10, #dc3e42);
+    --destructive-border: var(--red-11, #ce2c31);
+    --destructive-foreground: var(--red-1, #fffcfc);
+    --error: var(--red-9, #e5484d);
+    --error-foreground: var(--red-1, #fffcfc);
+    --success: var(--grass-9, #46a758);
+    --success-hover: var(--grass-10, #3e9b4f);
+    --success-border: var(--grass-11, #2a7e3b);
+    --success-foreground: var(--grass-1, #fbfefb);
+    --action: var(--yellow-9, #ffe629);
+    --action-hover: var(--yellow-10, #ffdc00);
+    --action-border: var(--yellow-11, #9e6c00);
+    --action-foreground: var(--yellow-12, #473b1f);
     --link: light-dark(hsl(211deg 90% 42%), hsl(211deg 90% 62%));
     --link-visited: light-dark(hsl(272deg 51% 54%), hsl(272deg 51% 74%));
     --stale: hsl(42deg 56% 44% / 25%);
 
+    accent-color: var(--primary);
+
     /* Base shadows. */
     --base-shadow: light-dark(hsl(0deg 0% 85% / 40%), hsla(0deg 0% 36% / 60%));
     --base-shadow-darker: light-dark(
@@ -122,6 +129,26 @@
   .marimo:is(.dark *) {
     color-scheme: dark;
   }
+
+  .dark,
+  .marimo:is(.dark *) {
+    --ring: var(--blue-8, #2870bd);
+    --destructive: var(--red-6, #72232d);
+    --destructive-hover: var(--red-7, #8c333a);
+    --destructive-border: var(--red-11, #ff9592);
+    --destructive-foreground: var(--red-12, #ffd1d9);
+    --error: var(--red-6, #72232d);
+    --error-foreground: var(--red-12, #ffd1d9);
+    --success: var(--grass-6, #2d5736);
+    --success-hover: var(--grass-7, #366740);
+    --success-border: var(--grass-11, #71d083);
+    --success-foreground: var(--grass-12, #c2f0c2);
+    --action: var(--yellow-6, #524202);
+    --action-hover: var(--yellow-7, #665417);
+    --action-border: var(--yellow-11, #f5e147);
+    --action-foreground: var(--yellow-12, #f6eeb4);
+    --stale: hsl(54deg 100% 86.7% / 25%);
+  }
 }
 
 @layer base {

package/dist/assets/button-BMBznEru.js

@@ -1 +0,0 @@
-import{a as e}from"./rolldown-runtime-B0Z9INg1.js";import{t}from"./react-CBDbhulC.js";import{t as n}from"./compiler-runtime-CYIjoINj.js";import{m as r,n as i,t as a}from"./useEventListener-D27Dii_l.js";import{n as o,t as s}from"./cn-ldLVeaqm.js";import{t as c}from"./jsx-runtime-B74pBk57.js";var l=e(t(),1),u=n(),d={stopPropagation:e=>t=>{t.stopPropagation(),e&&e(t)},onEnter:e=>t=>{t.key===`Enter`&&e&&e(t)},preventFocus:e=>{e.preventDefault()},fromInput:e=>{let t=d.composedTarget(e);return t.tagName===`INPUT`||t.tagName===`TEXTAREA`||t.tagName.startsWith(`MARIMO`)||t.isContentEditable||d.fromCodeMirror(t)},fromCodeMirror:e=>e.closest(`.cm-editor`)!==null,shouldIgnoreKeyboardEvent(e){let t=d.composedTarget(e);return t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLElement&&(t.isContentEditable||t.tagName===`BUTTON`||t.closest(`[role='textbox']`)!==null||t.closest(`[contenteditable='true']`)!==null||d.fromCodeMirror(t))},composedTarget(e){return`composedPath`in e&&typeof e.composedPath==`function`?e.composedPath()[0]??e.target:e.target},hasModifier:e=>e.ctrlKey||e.metaKey||e.altKey||e.shiftKey,isMetaOrCtrl:e=>e.metaKey||e.ctrlKey},f=c(),p=`active:shadow-none`,m=o(s(`disabled:opacity-50 disabled:pointer-events-none`,`inline-flex items-center justify-center rounded-md text-sm font-medium focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background`),{variants:{variant:{default:s(`bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs border border-primary`,p),destructive:s(`border shadow-xs`,`bg-(--red-9) hover:bg-(--red-10) dark:bg-(--red-6) dark:hover:bg-(--red-7)`,`text-(--red-1) dark:text-(--red-12)`,`border-(--red-11)`,p),success:s(`border shadow-xs`,`bg-(--grass-9) hover:bg-(--grass-10) dark:bg-(--grass-6) dark:hover:bg-(--grass-7)`,`text-(--grass-1) dark:text-(--grass-12)`,`border-(--grass-11)`,p),warn:s(`border shadow-xs`,`bg-(--yellow-9) hover:bg-(--yellow-10) dark:bg-(--yellow-6) dark:hover:bg-(--yellow-7)`,`text-(--yellow-12)`,`border-(--yellow-11)`,p),action:s(`bg-action text-action-foreground shadow-xs`,`hover:bg-action-hover border border-action`,p),outline:s(`border border-slate-300 shadow-xs`,`hover:bg-accent hover:text-accent-foreground`,`hover:border-primary`,`aria-selected:text-accent-foreground aria-selected:border-primary`,p),secondary:s(`bg-secondary text-secondary-foreground hover:bg-secondary/80`,`border border-input shadow-xs`,p),text:s(`opacity-80 hover:opacity-100`,`active:opacity-100`),ghost:s(`border border-transparent`,`hover:bg-accent hover:text-accent-foreground hover:shadow-xs`,p,`active:text-accent-foreground`),link:`underline-offset-4 hover:underline text-link`,linkDestructive:`underline-offset-4 hover:underline text-destructive underline-destructive`,outlineDestructive:`border border-destructive text-destructive hover:bg-destructive/10`},size:{default:`h-10 py-2 px-4`,xs:`h-7 px-2 rounded-md text-xs`,sm:`h-9 px-3 rounded-md`,lg:`h-11 px-8 rounded-md`,icon:`h-6 w-6 mb-0`},disabled:{true:`opacity-50 pointer-events-none`}},defaultVariants:{variant:`default`,size:`sm`}}),h=l.forwardRef((e,t)=>{let n=(0,u.c)(19),o,c,p,h,g,_;n[0]===e?(o=n[1],c=n[2],p=n[3],h=n[4],g=n[5],_=n[6]):({className:o,variant:_,size:h,asChild:g,keyboardShortcut:c,...p}=e,n[0]=e,n[1]=o,n[2]=c,n[3]=p,n[4]=h,n[5]=g,n[6]=_);let v=g!==void 0&&g,y=l.useRef(null),b;n[7]===Symbol.for(`react.memo_cache_sentinel`)?(b=()=>y.current,n[7]=b):b=n[7],l.useImperativeHandle(t,b);let x;n[8]===c?x=n[9]:(x=e=>{!c||e.defaultPrevented||d.shouldIgnoreKeyboardEvent(e)||r(c)(e)&&(e.preventDefault(),e.stopPropagation(),y?.current&&!y.current.disabled&&y.current.click())},n[8]=c,n[9]=x),a(document,`keydown`,x);let S=v?i:`button`,C;n[10]!==o||n[11]!==p.disabled||n[12]!==h||n[13]!==_?(C=s(m({variant:_,size:h,className:o,disabled:p.disabled}),o),n[10]=o,n[11]=p.disabled,n[12]=h,n[13]=_,n[14]=C):C=n[14];let w;return n[15]!==S||n[16]!==p||n[17]!==C?(w=(0,f.jsx)(S,{className:C,ref:y,...p}),n[15]=S,n[16]=p,n[17]=C,n[18]=w):w=n[18],w});h.displayName=`Button`;export{m as n,d as r,h as t};