@invergent/ui-sdk 2.19.0 → 2.19.2

package/dist/rabbit-mark.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** The rabbit silhouette, in the coordinate space of {@link RABBIT_MARK_BOX}. */
+declare const RABBIT_MARK_PATH = "M49.71,46.83c0,.23.02.45.07.67,2.1.49,4.16,1.07,6.18,1.74.58-.64.94-1.48.94-2.42,0-1.98-1.61-3.59-3.59-3.59s-3.59,1.61-3.59,3.59M33.95,78.3c3.1-5.1,6.72-8.89,11.64-12.21.61-.42,1.24-.8,1.88-1.17.44-.25.61-.66.58-1.05,0-.53-.49-.91-.93-1.12-1.34-.62-2.72-1.5-4.06-2.54-1.57-1.22-3.01-2.59-4.36-4.06-.95-1.04-2.02-2.38-3-3.81-.81-1.18-.63-2.77.43-3.73,1.1-1,2.26-1.92,3.48-2.76.36-.25.72-.49,1.1-.73,2.43-1.55,5.05-2.79,7.79-3.7,3.23-1.07,6.62-1.66,10.03-1.74.59-.35,1.19-.69,1.8-1.01,1.66-.88,3.38-1.62,5.17-2.21,1.58-.54,3.2-.95,4.85-1.24,3.28-.59,6.64-.7,9.95-.32,1.23.14,2.45.34,3.68.62,2.87.64,5.59,1.62,8.09,2.9.54.27.71.95.36,1.45-1.58,2.22-3.46,4.25-5.5,6.05-3.01,2.65-6.51,4.75-10.26,6.17-2.32.88-4.75,1.53-7.22,1.91-.62.1-.78.9-.24,1.22,0,0,.01,0,.02.01,6.97,4.05,13.1,9.22,18.36,15.32.72.83,1.42,1.68,2.1,2.53,3.36,4.22,6.23,8.82,8.56,13.68,1.8,3.73,3.27,7.63,4.39,11.62.73,2.6,1.34,5.24,1.76,7.91.11.76-.87,1.16-1.3.53-1.15-1.69-2.31-3.35-3.61-4.93-1.2-1.46-2.46-2.86-3.75-4.24-5.44-5.8-11.84-10.7-18.84-14.48-7.32-3.94-15.09-6.38-23.44-6.53-2.23-.04-4.46.08-6.68.3-4.05.43-8.02,1.28-11.93,2.4-.03,0-.05.01-.08.02,0,0-.01,0-.02,0-.07.02-.14.03-.21.03-.53,0-.91-.6-.61-1.09M50.95,12.97c-1.31,1.16-2.2,2.71-2.9,4.29-1.66,3.74-2.85,7.74-3.52,11.77-.32,1.92-.56,3.87-1.28,5.69-.17.44-.37.87-.6,1.28-1.18,2.1-3.37,3.19-5.6,3.86-4.96,1.47-10.14,1.97-15.25,2.65-2.37.31-8.03,1.12-7.34,4.69.46,2.36,2.26,4.16,4.08,5.6,2.66,2.11,5.44,4.09,8.33,5.88,1.87,1.15,3.85,2.11,5.6,3.44,1.74,1.33,3.15,3.05,3.58,5.25.22,1.16-.18,2.35-1,3.2-1.57,1.63-3,3.41-4.25,5.29-1.32,2.1-2.38,4.35-3.25,6.65-.59,1.44.97,2.98,2.41,2.37.53-.21,1.07-.41,1.61-.61,2.26-.82,4.68.73,4.93,3.12.17,1.61.38,3.17.63,4.57.46,2.57,3.14,3.63,5.32,1.41,2.84-2.88,4.66-6.31,7.84-8.86,2.53-2.03,6.26-4.17,9.71-3.59,3.17.56,6.27,1.52,9.23,2.85,5.32,2.32,10.36,5.29,14.95,8.86,9.17,7.1,16.56,16.51,21.27,27.1.93,2.07,4.03,1.44,4.1-.83.55-17.71-5.72-35.46-17.11-49.01-2.87-3.42-6.07-6.65-9.59-9.44-.88-.8-1.54-1.7-1.38-2.93.38-2.97,2-4.32,4.04-5.85,2.51-1.89,5.02-3.85,7.16-6.21.03-.03.06-.06.09-.1,1.24-1.37,2.38-2.83,3.4-4.37,1.2-1.81.6-4.26-1.3-5.31,0,0-.96-.52-1.45-.76-2.72-1.34-5.61-2.36-8.6-3.03-2.76-.62-5.58-.93-8.38-.93-2.38,0-4.76.22-7.09.67-1.96.37-3.97-.31-5.25-1.84-.28-.34-.54-.69-.79-1.04-.58-.84-1.09-1.71-1.63-2.58-1.29-2.06-1.87-3.63-2.89-5.84-1.06-2.29-1.85-4.73-3.26-6.86-.73-1.11-1.53-1.54-2.32-1.54s-1.54.41-2.24,1.02";
+/** The path's bounding box: what to scale against when painting it. */
+declare const RABBIT_MARK_BOX: {
+    readonly x: 14.4021;
+    readonly y: 11.93;
+    readonly w: 95.1813;
+    readonly h: 109.058;
+};
+declare function RabbitMark({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { RABBIT_MARK_BOX, RABBIT_MARK_PATH, RabbitMark };

package/dist/rabbit-mark.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/** The rabbit silhouette, in the coordinate space of {@link RABBIT_MARK_BOX}. */
+declare const RABBIT_MARK_PATH = "M49.71,46.83c0,.23.02.45.07.67,2.1.49,4.16,1.07,6.18,1.74.58-.64.94-1.48.94-2.42,0-1.98-1.61-3.59-3.59-3.59s-3.59,1.61-3.59,3.59M33.95,78.3c3.1-5.1,6.72-8.89,11.64-12.21.61-.42,1.24-.8,1.88-1.17.44-.25.61-.66.58-1.05,0-.53-.49-.91-.93-1.12-1.34-.62-2.72-1.5-4.06-2.54-1.57-1.22-3.01-2.59-4.36-4.06-.95-1.04-2.02-2.38-3-3.81-.81-1.18-.63-2.77.43-3.73,1.1-1,2.26-1.92,3.48-2.76.36-.25.72-.49,1.1-.73,2.43-1.55,5.05-2.79,7.79-3.7,3.23-1.07,6.62-1.66,10.03-1.74.59-.35,1.19-.69,1.8-1.01,1.66-.88,3.38-1.62,5.17-2.21,1.58-.54,3.2-.95,4.85-1.24,3.28-.59,6.64-.7,9.95-.32,1.23.14,2.45.34,3.68.62,2.87.64,5.59,1.62,8.09,2.9.54.27.71.95.36,1.45-1.58,2.22-3.46,4.25-5.5,6.05-3.01,2.65-6.51,4.75-10.26,6.17-2.32.88-4.75,1.53-7.22,1.91-.62.1-.78.9-.24,1.22,0,0,.01,0,.02.01,6.97,4.05,13.1,9.22,18.36,15.32.72.83,1.42,1.68,2.1,2.53,3.36,4.22,6.23,8.82,8.56,13.68,1.8,3.73,3.27,7.63,4.39,11.62.73,2.6,1.34,5.24,1.76,7.91.11.76-.87,1.16-1.3.53-1.15-1.69-2.31-3.35-3.61-4.93-1.2-1.46-2.46-2.86-3.75-4.24-5.44-5.8-11.84-10.7-18.84-14.48-7.32-3.94-15.09-6.38-23.44-6.53-2.23-.04-4.46.08-6.68.3-4.05.43-8.02,1.28-11.93,2.4-.03,0-.05.01-.08.02,0,0-.01,0-.02,0-.07.02-.14.03-.21.03-.53,0-.91-.6-.61-1.09M50.95,12.97c-1.31,1.16-2.2,2.71-2.9,4.29-1.66,3.74-2.85,7.74-3.52,11.77-.32,1.92-.56,3.87-1.28,5.69-.17.44-.37.87-.6,1.28-1.18,2.1-3.37,3.19-5.6,3.86-4.96,1.47-10.14,1.97-15.25,2.65-2.37.31-8.03,1.12-7.34,4.69.46,2.36,2.26,4.16,4.08,5.6,2.66,2.11,5.44,4.09,8.33,5.88,1.87,1.15,3.85,2.11,5.6,3.44,1.74,1.33,3.15,3.05,3.58,5.25.22,1.16-.18,2.35-1,3.2-1.57,1.63-3,3.41-4.25,5.29-1.32,2.1-2.38,4.35-3.25,6.65-.59,1.44.97,2.98,2.41,2.37.53-.21,1.07-.41,1.61-.61,2.26-.82,4.68.73,4.93,3.12.17,1.61.38,3.17.63,4.57.46,2.57,3.14,3.63,5.32,1.41,2.84-2.88,4.66-6.31,7.84-8.86,2.53-2.03,6.26-4.17,9.71-3.59,3.17.56,6.27,1.52,9.23,2.85,5.32,2.32,10.36,5.29,14.95,8.86,9.17,7.1,16.56,16.51,21.27,27.1.93,2.07,4.03,1.44,4.1-.83.55-17.71-5.72-35.46-17.11-49.01-2.87-3.42-6.07-6.65-9.59-9.44-.88-.8-1.54-1.7-1.38-2.93.38-2.97,2-4.32,4.04-5.85,2.51-1.89,5.02-3.85,7.16-6.21.03-.03.06-.06.09-.1,1.24-1.37,2.38-2.83,3.4-4.37,1.2-1.81.6-4.26-1.3-5.31,0,0-.96-.52-1.45-.76-2.72-1.34-5.61-2.36-8.6-3.03-2.76-.62-5.58-.93-8.38-.93-2.38,0-4.76.22-7.09.67-1.96.37-3.97-.31-5.25-1.84-.28-.34-.54-.69-.79-1.04-.58-.84-1.09-1.71-1.63-2.58-1.29-2.06-1.87-3.63-2.89-5.84-1.06-2.29-1.85-4.73-3.26-6.86-.73-1.11-1.53-1.54-2.32-1.54s-1.54.41-2.24,1.02";
+/** The path's bounding box: what to scale against when painting it. */
+declare const RABBIT_MARK_BOX: {
+    readonly x: 14.4021;
+    readonly y: 11.93;
+    readonly w: 95.1813;
+    readonly h: 109.058;
+};
+declare function RabbitMark({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { RABBIT_MARK_BOX, RABBIT_MARK_PATH, RabbitMark };

package/dist/rabbit-mark.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+
+// src/rabbit-mark.tsx
+var RABBIT_MARK_PATH = "M49.71,46.83c0,.23.02.45.07.67,2.1.49,4.16,1.07,6.18,1.74.58-.64.94-1.48.94-2.42,0-1.98-1.61-3.59-3.59-3.59s-3.59,1.61-3.59,3.59M33.95,78.3c3.1-5.1,6.72-8.89,11.64-12.21.61-.42,1.24-.8,1.88-1.17.44-.25.61-.66.58-1.05,0-.53-.49-.91-.93-1.12-1.34-.62-2.72-1.5-4.06-2.54-1.57-1.22-3.01-2.59-4.36-4.06-.95-1.04-2.02-2.38-3-3.81-.81-1.18-.63-2.77.43-3.73,1.1-1,2.26-1.92,3.48-2.76.36-.25.72-.49,1.1-.73,2.43-1.55,5.05-2.79,7.79-3.7,3.23-1.07,6.62-1.66,10.03-1.74.59-.35,1.19-.69,1.8-1.01,1.66-.88,3.38-1.62,5.17-2.21,1.58-.54,3.2-.95,4.85-1.24,3.28-.59,6.64-.7,9.95-.32,1.23.14,2.45.34,3.68.62,2.87.64,5.59,1.62,8.09,2.9.54.27.71.95.36,1.45-1.58,2.22-3.46,4.25-5.5,6.05-3.01,2.65-6.51,4.75-10.26,6.17-2.32.88-4.75,1.53-7.22,1.91-.62.1-.78.9-.24,1.22,0,0,.01,0,.02.01,6.97,4.05,13.1,9.22,18.36,15.32.72.83,1.42,1.68,2.1,2.53,3.36,4.22,6.23,8.82,8.56,13.68,1.8,3.73,3.27,7.63,4.39,11.62.73,2.6,1.34,5.24,1.76,7.91.11.76-.87,1.16-1.3.53-1.15-1.69-2.31-3.35-3.61-4.93-1.2-1.46-2.46-2.86-3.75-4.24-5.44-5.8-11.84-10.7-18.84-14.48-7.32-3.94-15.09-6.38-23.44-6.53-2.23-.04-4.46.08-6.68.3-4.05.43-8.02,1.28-11.93,2.4-.03,0-.05.01-.08.02,0,0-.01,0-.02,0-.07.02-.14.03-.21.03-.53,0-.91-.6-.61-1.09M50.95,12.97c-1.31,1.16-2.2,2.71-2.9,4.29-1.66,3.74-2.85,7.74-3.52,11.77-.32,1.92-.56,3.87-1.28,5.69-.17.44-.37.87-.6,1.28-1.18,2.1-3.37,3.19-5.6,3.86-4.96,1.47-10.14,1.97-15.25,2.65-2.37.31-8.03,1.12-7.34,4.69.46,2.36,2.26,4.16,4.08,5.6,2.66,2.11,5.44,4.09,8.33,5.88,1.87,1.15,3.85,2.11,5.6,3.44,1.74,1.33,3.15,3.05,3.58,5.25.22,1.16-.18,2.35-1,3.2-1.57,1.63-3,3.41-4.25,5.29-1.32,2.1-2.38,4.35-3.25,6.65-.59,1.44.97,2.98,2.41,2.37.53-.21,1.07-.41,1.61-.61,2.26-.82,4.68.73,4.93,3.12.17,1.61.38,3.17.63,4.57.46,2.57,3.14,3.63,5.32,1.41,2.84-2.88,4.66-6.31,7.84-8.86,2.53-2.03,6.26-4.17,9.71-3.59,3.17.56,6.27,1.52,9.23,2.85,5.32,2.32,10.36,5.29,14.95,8.86,9.17,7.1,16.56,16.51,21.27,27.1.93,2.07,4.03,1.44,4.1-.83.55-17.71-5.72-35.46-17.11-49.01-2.87-3.42-6.07-6.65-9.59-9.44-.88-.8-1.54-1.7-1.38-2.93.38-2.97,2-4.32,4.04-5.85,2.51-1.89,5.02-3.85,7.16-6.21.03-.03.06-.06.09-.1,1.24-1.37,2.38-2.83,3.4-4.37,1.2-1.81.6-4.26-1.3-5.31,0,0-.96-.52-1.45-.76-2.72-1.34-5.61-2.36-8.6-3.03-2.76-.62-5.58-.93-8.38-.93-2.38,0-4.76.22-7.09.67-1.96.37-3.97-.31-5.25-1.84-.28-.34-.54-.69-.79-1.04-.58-.84-1.09-1.71-1.63-2.58-1.29-2.06-1.87-3.63-2.89-5.84-1.06-2.29-1.85-4.73-3.26-6.86-.73-1.11-1.53-1.54-2.32-1.54s-1.54.41-2.24,1.02";
+var RABBIT_MARK_BOX = {
+  x: 14.4021,
+  y: 11.93,
+  w: 95.1813,
+  h: 109.058
+};
+function RabbitMark({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      viewBox: "14.4021 11.93 95.1813 109.058",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: RABBIT_MARK_PATH })
+    }
+  );
+}
+
+export { RABBIT_MARK_BOX, RABBIT_MARK_PATH, RabbitMark };
+//# sourceMappingURL=rabbit-mark.js.map
+//# sourceMappingURL=rabbit-mark.js.map

package/dist/rabbit-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rabbit-mark.tsx"],"names":[],"mappings":";;;AAeO,IAAM,gBAAA,GACX;AAGK,IAAM,eAAA,GAAkB;AAAA,EAC7B,CAAA,EAAG,OAAA;AAAA,EACH,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,OAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,SAAS,UAAA,CAAW,EAAE,SAAA,EAAU,EAA2B;AAChE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,OAAA,EAAQ,+BAAA;AAAA,MACR,IAAA,EAAK,cAAA;AAAA,MACL,aAAA,EAAY,MAAA;AAAA,MAEZ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,gBAAA,EAAkB;AAAA;AAAA,GAC7B;AAEJ","file":"rabbit-mark.js","sourcesContent":["// Copyright (c) 2026, Invergent SA, developed by Flavius Burca\n// SPDX-License-Identifier: AGPL-3.0-only\n//\n// The Surogate rabbit, as one path.\n//\n// Lifted from the brand favicon and stripped to the silhouette: the\n// circle, the amber ground and the registered mark all belong to the\n// full lockup, not to a 16px glyph. The viewBox is the path's own\n// bounding box, so the mark fills whatever box it is given the way a\n// lucide icon does, and `currentColor` lets it inherit like one too.\n//\n// The path is exported on its own because the whiteboard also paints\n// it onto a canvas, where there is no DOM to render an `<svg>` into.\n\n/** The rabbit silhouette, in the coordinate space of {@link RABBIT_MARK_BOX}. */\nexport const RABBIT_MARK_PATH =\n  \"M49.71,46.83c0,.23.02.45.07.67,2.1.49,4.16,1.07,6.18,1.74.58-.64.94-1.48.94-2.42,0-1.98-1.61-3.59-3.59-3.59s-3.59,1.61-3.59,3.59M33.95,78.3c3.1-5.1,6.72-8.89,11.64-12.21.61-.42,1.24-.8,1.88-1.17.44-.25.61-.66.58-1.05,0-.53-.49-.91-.93-1.12-1.34-.62-2.72-1.5-4.06-2.54-1.57-1.22-3.01-2.59-4.36-4.06-.95-1.04-2.02-2.38-3-3.81-.81-1.18-.63-2.77.43-3.73,1.1-1,2.26-1.92,3.48-2.76.36-.25.72-.49,1.1-.73,2.43-1.55,5.05-2.79,7.79-3.7,3.23-1.07,6.62-1.66,10.03-1.74.59-.35,1.19-.69,1.8-1.01,1.66-.88,3.38-1.62,5.17-2.21,1.58-.54,3.2-.95,4.85-1.24,3.28-.59,6.64-.7,9.95-.32,1.23.14,2.45.34,3.68.62,2.87.64,5.59,1.62,8.09,2.9.54.27.71.95.36,1.45-1.58,2.22-3.46,4.25-5.5,6.05-3.01,2.65-6.51,4.75-10.26,6.17-2.32.88-4.75,1.53-7.22,1.91-.62.1-.78.9-.24,1.22,0,0,.01,0,.02.01,6.97,4.05,13.1,9.22,18.36,15.32.72.83,1.42,1.68,2.1,2.53,3.36,4.22,6.23,8.82,8.56,13.68,1.8,3.73,3.27,7.63,4.39,11.62.73,2.6,1.34,5.24,1.76,7.91.11.76-.87,1.16-1.3.53-1.15-1.69-2.31-3.35-3.61-4.93-1.2-1.46-2.46-2.86-3.75-4.24-5.44-5.8-11.84-10.7-18.84-14.48-7.32-3.94-15.09-6.38-23.44-6.53-2.23-.04-4.46.08-6.68.3-4.05.43-8.02,1.28-11.93,2.4-.03,0-.05.01-.08.02,0,0-.01,0-.02,0-.07.02-.14.03-.21.03-.53,0-.91-.6-.61-1.09M50.95,12.97c-1.31,1.16-2.2,2.71-2.9,4.29-1.66,3.74-2.85,7.74-3.52,11.77-.32,1.92-.56,3.87-1.28,5.69-.17.44-.37.87-.6,1.28-1.18,2.1-3.37,3.19-5.6,3.86-4.96,1.47-10.14,1.97-15.25,2.65-2.37.31-8.03,1.12-7.34,4.69.46,2.36,2.26,4.16,4.08,5.6,2.66,2.11,5.44,4.09,8.33,5.88,1.87,1.15,3.85,2.11,5.6,3.44,1.74,1.33,3.15,3.05,3.58,5.25.22,1.16-.18,2.35-1,3.2-1.57,1.63-3,3.41-4.25,5.29-1.32,2.1-2.38,4.35-3.25,6.65-.59,1.44.97,2.98,2.41,2.37.53-.21,1.07-.41,1.61-.61,2.26-.82,4.68.73,4.93,3.12.17,1.61.38,3.17.63,4.57.46,2.57,3.14,3.63,5.32,1.41,2.84-2.88,4.66-6.31,7.84-8.86,2.53-2.03,6.26-4.17,9.71-3.59,3.17.56,6.27,1.52,9.23,2.85,5.32,2.32,10.36,5.29,14.95,8.86,9.17,7.1,16.56,16.51,21.27,27.1.93,2.07,4.03,1.44,4.1-.83.55-17.71-5.72-35.46-17.11-49.01-2.87-3.42-6.07-6.65-9.59-9.44-.88-.8-1.54-1.7-1.38-2.93.38-2.97,2-4.32,4.04-5.85,2.51-1.89,5.02-3.85,7.16-6.21.03-.03.06-.06.09-.1,1.24-1.37,2.38-2.83,3.4-4.37,1.2-1.81.6-4.26-1.3-5.31,0,0-.96-.52-1.45-.76-2.72-1.34-5.61-2.36-8.6-3.03-2.76-.62-5.58-.93-8.38-.93-2.38,0-4.76.22-7.09.67-1.96.37-3.97-.31-5.25-1.84-.28-.34-.54-.69-.79-1.04-.58-.84-1.09-1.71-1.63-2.58-1.29-2.06-1.87-3.63-2.89-5.84-1.06-2.29-1.85-4.73-3.26-6.86-.73-1.11-1.53-1.54-2.32-1.54s-1.54.41-2.24,1.02\";\n\n/** The path's bounding box: what to scale against when painting it. */\nexport const RABBIT_MARK_BOX = {\n  x: 14.4021,\n  y: 11.93,\n  w: 95.1813,\n  h: 109.058,\n} as const;\n\nexport function RabbitMark({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      viewBox=\"14.4021 11.93 95.1813 109.058\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d={RABBIT_MARK_PATH} />\n    </svg>\n  );\n}\n"]}

package/dist/responsive-panel.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+var chunkUXSDDJXM_cjs = require('./chunk-UXSDDJXM.cjs');
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var radixUi = require('radix-ui');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var MOBILE_QUERY = "(max-width: 767px)";
+function subscribe(onChange) {
+  const mql = window.matchMedia(MOBILE_QUERY);
+  mql.addEventListener("change", onChange);
+  return () => mql.removeEventListener("change", onChange);
+}
+function useIsMobile() {
+  return react.useSyncExternalStore(
+    subscribe,
+    () => window.matchMedia(MOBILE_QUERY).matches,
+    // No viewport when server-rendered; assume desktop, as the components do.
+    () => false
+  );
+}
+function ResponsivePanel({
+  open,
+  onOpenChange,
+  trigger,
+  title,
+  children,
+  align = "start",
+  popoverClassName
+}) {
+  const isMobile = useIsMobile();
+  if (!isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkUXSDDJXM_cjs.Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkUXSDDJXM_cjs.PopoverTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkUXSDDJXM_cjs.PopoverContent,
+        {
+          side: "top",
+          align,
+          className: chunk6YHDDRIM_cjs.cn("w-64 overflow-hidden rounded-xl p-1", popoverClassName),
+          children
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Dialog.Overlay,
+        {
+          "data-slot": "responsive-panel-overlay",
+          className: "fixed inset-0 z-50 bg-black/40 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        radixUi.Dialog.Content,
+        {
+          "data-slot": "responsive-panel-sheet",
+          "aria-describedby": void 0,
+          className: chunk6YHDDRIM_cjs.cn(
+            "fixed inset-x-0 bottom-0 z-50 flex max-h-[80svh] flex-col overflow-hidden rounded-t-2xl border-t border-border bg-popover pb-[env(safe-area-inset-bottom)] text-popover-foreground shadow-lg",
+            "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Title, { className: "sr-only", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "mx-auto mt-2.5 mb-1 h-1 w-9 shrink-0 rounded-full bg-muted-foreground/30"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain p-1", children })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.ResponsivePanel = ResponsivePanel;
+//# sourceMappingURL=responsive-panel.cjs.map
+//# sourceMappingURL=responsive-panel.cjs.map

package/dist/responsive-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/use-is-mobile.ts","../src/responsive-panel.tsx"],"names":["useSyncExternalStore","jsxs","Popover","jsx","PopoverTrigger","PopoverContent","cn","DialogPrimitive"],"mappings":";;;;;;;;AAQA,IAAM,YAAA,GAAe,oBAAA;AAOrB,SAAS,UAAU,QAAA,EAAkC;AACnD,EAAA,MAAM,GAAA,GAAM,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA;AAC1C,EAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,EAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AACzD;AASO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAOA,0BAAA;AAAA,IACL,SAAA;AAAA,IACA,MAAM,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA,CAAE,OAAA;AAAA;AAAA,IAEtC,MAAM;AAAA,GACR;AACF;ACUO,SAAS,eAAA,CAAgB;AAAA,EAC9B,IAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,uBACEC,eAAA,CAACC,yBAAA,EAAA,EAAQ,IAAA,EAAY,YAAA,EACnB,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,gCAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBACjCD,cAAA;AAAA,QAACE,gCAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA;AAAA,UACA,SAAA,EAAWC,oBAAA,CAAG,qCAAA,EAAuC,gBAAgB,CAAA;AAAA,UAEpE;AAAA;AAAA;AACH,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEL,eAAA,CAACM,cAAA,CAAgB,IAAA,EAAhB,EAAqB,MAAY,YAAA,EAChC,QAAA,EAAA;AAAA,oBAAAJ,cAAA,CAACI,cAAA,CAAgB,OAAA,EAAhB,EAAwB,OAAA,EAAO,MAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,oBAC1CN,eAAA,CAACM,cAAA,CAAgB,MAAA,EAAhB,EACC,QAAA,EAAA;AAAA,sBAAAJ,cAAA;AAAA,QAACI,cAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,WAAA,EAAU,0BAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA,OACZ;AAAA,sBACAN,eAAA;AAAA,QAACM,cAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,WAAA,EAAU,wBAAA;AAAA,UACV,kBAAA,EAAkB,MAAA;AAAA,UAClB,SAAA,EAAWD,oBAAA;AAAA,YACT,8LAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAH,cAAA,CAACI,cAAA,CAAgB,KAAA,EAAhB,EAAsB,SAAA,EAAU,WAC9B,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,4BAIAJ,cAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,4BACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uDAAA,EACZ,QAAA,EACH;AAAA;AAAA;AAAA;AACF,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"responsive-panel.cjs","sourcesContent":["import { useSyncExternalStore } from \"react\";\n\n/**\n * The `md` breakpoint, matching the Tailwind default the components'\n * responsive classes use. Anything that needs to *render* differently on a\n * phone (rather than just restyle) reads this; a media query alone cannot\n * swap a popover for a sheet, because they are different components.\n */\nconst MOBILE_QUERY = \"(max-width: 767px)\";\n\n// Deliberately not caching the MediaQueryList across calls. getSnapshot does\n// run per render, but matchMedia is ~1µs and a module-level cache would pin\n// the first `window.matchMedia` this module ever saw — which makes the hook\n// untestable by stubbing it, and the sheet branch is only reachable in tests\n// that way. Not a trade worth making for a cost that does not register.\nfunction subscribe(onChange: () => void): () => void {\n  const mql = window.matchMedia(MOBILE_QUERY);\n  mql.addEventListener(\"change\", onChange);\n  return () => mql.removeEventListener(\"change\", onChange);\n}\n\n/**\n * True while the viewport is narrower than `md`.\n *\n * Reads synchronously on the first render rather than filling in from an\n * effect: a value that says \"desktop\" for one frame is invisible for a class\n * name and wrong for anything that decides *which component to mount*.\n */\nexport function useIsMobile(): boolean {\n  return useSyncExternalStore(\n    subscribe,\n    () => window.matchMedia(MOBILE_QUERY).matches,\n    // No viewport when server-rendered; assume desktop, as the components do.\n    () => false,\n  );\n}\n","// A panel that is a popover with a cursor and a bottom sheet on a phone.\n//\n// The composer's secondary controls (tools, session context) open panels that\n// are anchored above a ~32px button. That is right on a desktop and wrong on a\n// phone: an anchored popover near the bottom of the screen has nowhere to go,\n// its content is capped by whatever space is left above the composer, and the\n// whole thing sits under the thumb that opened it. A sheet rising from the\n// bottom edge has the full width, as much height as it needs, and lands where\n// the hand already is.\n//\n// The two are different components, not one component with different classes,\n// so the choice is made in JS — see useIsMobile.\n\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useIsMobile } from \"./lib/use-is-mobile\";\nimport { cn } from \"./lib/utils\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport interface ResponsivePanelProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The control that opens the panel. Rendered as the trigger in both forms. */\n  trigger: ReactNode;\n  /**\n   * Names the sheet for screen readers. Radix Dialog requires an accessible\n   * name; it is visually hidden, since the panel's own contents are labelled.\n   */\n  title: string;\n  children: ReactNode;\n  /** Popover-only; the sheet is always full width. */\n  align?: ComponentProps<typeof PopoverContent>[\"align\"];\n  /**\n   * Styling for the popover form only.\n   *\n   * Deliberately not a shared `className`: `cn` is tailwind-merge, so a class\n   * written for the popover silently deletes a conflicting one from the\n   * sheet's own base list. `p-0` and `pb-[env(safe-area-inset-bottom)]` are\n   * the same conflict group, so passing the popover's `p-0` through dropped\n   * the sheet's home-indicator inset — and a `divide-y` meant for the\n   * popover's sections drew a rule under the sheet's grab handle instead.\n   */\n  popoverClassName?: string;\n}\n\nexport function ResponsivePanel({\n  open,\n  onOpenChange,\n  trigger,\n  title,\n  children,\n  align = \"start\",\n  popoverClassName,\n}: ResponsivePanelProps) {\n  const isMobile = useIsMobile();\n\n  if (!isMobile) {\n    return (\n      <Popover open={open} onOpenChange={onOpenChange}>\n        <PopoverTrigger asChild>{trigger}</PopoverTrigger>\n        <PopoverContent\n          side=\"top\"\n          align={align}\n          className={cn(\"w-64 overflow-hidden rounded-xl p-1\", popoverClassName)}\n        >\n          {children}\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Trigger asChild>{trigger}</DialogPrimitive.Trigger>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          data-slot=\"responsive-panel-overlay\"\n          className=\"fixed inset-0 z-50 bg-black/40 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\"\n        />\n        <DialogPrimitive.Content\n          data-slot=\"responsive-panel-sheet\"\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-50 flex max-h-[80svh] flex-col overflow-hidden rounded-t-2xl border-t border-border bg-popover pb-[env(safe-area-inset-bottom)] text-popover-foreground shadow-lg\",\n            \"data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom\",\n          )}\n        >\n          <DialogPrimitive.Title className=\"sr-only\">\n            {title}\n          </DialogPrimitive.Title>\n          {/* Not draggable — Radix has no drag gesture and the sheet is short\n              enough that a grab bar would only promise one. It reads as the\n              handle the shape implies while staying purely decorative. */}\n          <div\n            aria-hidden=\"true\"\n            className=\"mx-auto mt-2.5 mb-1 h-1 w-9 shrink-0 rounded-full bg-muted-foreground/30\"\n          />\n          <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain p-1\">\n            {children}\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n"]}

package/dist/responsive-panel.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentProps } from 'react';
+import { PopoverContent } from './popover.cjs';
+import 'radix-ui';
+
+interface ResponsivePanelProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** The control that opens the panel. Rendered as the trigger in both forms. */
+    trigger: ReactNode;
+    /**
+     * Names the sheet for screen readers. Radix Dialog requires an accessible
+     * name; it is visually hidden, since the panel's own contents are labelled.
+     */
+    title: string;
+    children: ReactNode;
+    /** Popover-only; the sheet is always full width. */
+    align?: ComponentProps<typeof PopoverContent>["align"];
+    /**
+     * Styling for the popover form only.
+     *
+     * Deliberately not a shared `className`: `cn` is tailwind-merge, so a class
+     * written for the popover silently deletes a conflicting one from the
+     * sheet's own base list. `p-0` and `pb-[env(safe-area-inset-bottom)]` are
+     * the same conflict group, so passing the popover's `p-0` through dropped
+     * the sheet's home-indicator inset — and a `divide-y` meant for the
+     * popover's sections drew a rule under the sheet's grab handle instead.
+     */
+    popoverClassName?: string;
+}
+declare function ResponsivePanel({ open, onOpenChange, trigger, title, children, align, popoverClassName, }: ResponsivePanelProps): react_jsx_runtime.JSX.Element;
+
+export { ResponsivePanel, type ResponsivePanelProps };

package/dist/responsive-panel.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ComponentProps } from 'react';
+import { PopoverContent } from './popover.js';
+import 'radix-ui';
+
+interface ResponsivePanelProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** The control that opens the panel. Rendered as the trigger in both forms. */
+    trigger: ReactNode;
+    /**
+     * Names the sheet for screen readers. Radix Dialog requires an accessible
+     * name; it is visually hidden, since the panel's own contents are labelled.
+     */
+    title: string;
+    children: ReactNode;
+    /** Popover-only; the sheet is always full width. */
+    align?: ComponentProps<typeof PopoverContent>["align"];
+    /**
+     * Styling for the popover form only.
+     *
+     * Deliberately not a shared `className`: `cn` is tailwind-merge, so a class
+     * written for the popover silently deletes a conflicting one from the
+     * sheet's own base list. `p-0` and `pb-[env(safe-area-inset-bottom)]` are
+     * the same conflict group, so passing the popover's `p-0` through dropped
+     * the sheet's home-indicator inset — and a `divide-y` meant for the
+     * popover's sections drew a rule under the sheet's grab handle instead.
+     */
+    popoverClassName?: string;
+}
+declare function ResponsivePanel({ open, onOpenChange, trigger, title, children, align, popoverClassName, }: ResponsivePanelProps): react_jsx_runtime.JSX.Element;
+
+export { ResponsivePanel, type ResponsivePanelProps };

package/dist/responsive-panel.js

@@ -0,0 +1,83 @@
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-NSK344BJ.js';
+import { cn } from './chunk-LZGII7SX.js';
+import { Dialog } from 'radix-ui';
+import { useSyncExternalStore } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MOBILE_QUERY = "(max-width: 767px)";
+function subscribe(onChange) {
+  const mql = window.matchMedia(MOBILE_QUERY);
+  mql.addEventListener("change", onChange);
+  return () => mql.removeEventListener("change", onChange);
+}
+function useIsMobile() {
+  return useSyncExternalStore(
+    subscribe,
+    () => window.matchMedia(MOBILE_QUERY).matches,
+    // No viewport when server-rendered; assume desktop, as the components do.
+    () => false
+  );
+}
+function ResponsivePanel({
+  open,
+  onOpenChange,
+  trigger,
+  title,
+  children,
+  align = "start",
+  popoverClassName
+}) {
+  const isMobile = useIsMobile();
+  if (!isMobile) {
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          side: "top",
+          align,
+          className: cn("w-64 overflow-hidden rounded-xl p-1", popoverClassName),
+          children
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Dialog.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+      /* @__PURE__ */ jsx(
+        Dialog.Overlay,
+        {
+          "data-slot": "responsive-panel-overlay",
+          className: "fixed inset-0 z-50 bg-black/40 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Dialog.Content,
+        {
+          "data-slot": "responsive-panel-sheet",
+          "aria-describedby": void 0,
+          className: cn(
+            "fixed inset-x-0 bottom-0 z-50 flex max-h-[80svh] flex-col overflow-hidden rounded-t-2xl border-t border-border bg-popover pb-[env(safe-area-inset-bottom)] text-popover-foreground shadow-lg",
+            "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Dialog.Title, { className: "sr-only", children: title }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "mx-auto mt-2.5 mb-1 h-1 w-9 shrink-0 rounded-full bg-muted-foreground/30"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain p-1", children })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+export { ResponsivePanel };
+//# sourceMappingURL=responsive-panel.js.map
+//# sourceMappingURL=responsive-panel.js.map

package/dist/responsive-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/use-is-mobile.ts","../src/responsive-panel.tsx"],"names":["DialogPrimitive"],"mappings":";;;;;;AAQA,IAAM,YAAA,GAAe,oBAAA;AAOrB,SAAS,UAAU,QAAA,EAAkC;AACnD,EAAA,MAAM,GAAA,GAAM,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA;AAC1C,EAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,EAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AACzD;AASO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,oBAAA;AAAA,IACL,SAAA;AAAA,IACA,MAAM,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA,CAAE,OAAA;AAAA;AAAA,IAEtC,MAAM;AAAA,GACR;AACF;ACUO,SAAS,eAAA,CAAgB;AAAA,EAC9B,IAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,OAAA;AAAA,EACR;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAY,YAAA,EACnB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,sBACjC,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA;AAAA,UACA,SAAA,EAAW,EAAA,CAAG,qCAAA,EAAuC,gBAAgB,CAAA;AAAA,UAEpE;AAAA;AAAA;AACH,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAACA,MAAA,CAAgB,IAAA,EAAhB,EAAqB,MAAY,YAAA,EAChC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAACA,MAAA,CAAgB,OAAA,EAAhB,EAAwB,OAAA,EAAO,MAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,oBAC1C,IAAA,CAACA,MAAA,CAAgB,MAAA,EAAhB,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAACA,MAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,WAAA,EAAU,0BAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA,OACZ;AAAA,sBACA,IAAA;AAAA,QAACA,MAAA,CAAgB,OAAA;AAAA,QAAhB;AAAA,UACC,WAAA,EAAU,wBAAA;AAAA,UACV,kBAAA,EAAkB,MAAA;AAAA,UAClB,SAAA,EAAW,EAAA;AAAA,YACT,8LAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAACA,MAAA,CAAgB,KAAA,EAAhB,EAAsB,SAAA,EAAU,WAC9B,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,4BAIA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAU;AAAA;AAAA,aACZ;AAAA,4BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uDAAA,EACZ,QAAA,EACH;AAAA;AAAA;AAAA;AACF,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"responsive-panel.js","sourcesContent":["import { useSyncExternalStore } from \"react\";\n\n/**\n * The `md` breakpoint, matching the Tailwind default the components'\n * responsive classes use. Anything that needs to *render* differently on a\n * phone (rather than just restyle) reads this; a media query alone cannot\n * swap a popover for a sheet, because they are different components.\n */\nconst MOBILE_QUERY = \"(max-width: 767px)\";\n\n// Deliberately not caching the MediaQueryList across calls. getSnapshot does\n// run per render, but matchMedia is ~1µs and a module-level cache would pin\n// the first `window.matchMedia` this module ever saw — which makes the hook\n// untestable by stubbing it, and the sheet branch is only reachable in tests\n// that way. Not a trade worth making for a cost that does not register.\nfunction subscribe(onChange: () => void): () => void {\n  const mql = window.matchMedia(MOBILE_QUERY);\n  mql.addEventListener(\"change\", onChange);\n  return () => mql.removeEventListener(\"change\", onChange);\n}\n\n/**\n * True while the viewport is narrower than `md`.\n *\n * Reads synchronously on the first render rather than filling in from an\n * effect: a value that says \"desktop\" for one frame is invisible for a class\n * name and wrong for anything that decides *which component to mount*.\n */\nexport function useIsMobile(): boolean {\n  return useSyncExternalStore(\n    subscribe,\n    () => window.matchMedia(MOBILE_QUERY).matches,\n    // No viewport when server-rendered; assume desktop, as the components do.\n    () => false,\n  );\n}\n","// A panel that is a popover with a cursor and a bottom sheet on a phone.\n//\n// The composer's secondary controls (tools, session context) open panels that\n// are anchored above a ~32px button. That is right on a desktop and wrong on a\n// phone: an anchored popover near the bottom of the screen has nowhere to go,\n// its content is capped by whatever space is left above the composer, and the\n// whole thing sits under the thumb that opened it. A sheet rising from the\n// bottom edge has the full width, as much height as it needs, and lands where\n// the hand already is.\n//\n// The two are different components, not one component with different classes,\n// so the choice is made in JS — see useIsMobile.\n\nimport { Dialog as DialogPrimitive } from \"radix-ui\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useIsMobile } from \"./lib/use-is-mobile\";\nimport { cn } from \"./lib/utils\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport interface ResponsivePanelProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The control that opens the panel. Rendered as the trigger in both forms. */\n  trigger: ReactNode;\n  /**\n   * Names the sheet for screen readers. Radix Dialog requires an accessible\n   * name; it is visually hidden, since the panel's own contents are labelled.\n   */\n  title: string;\n  children: ReactNode;\n  /** Popover-only; the sheet is always full width. */\n  align?: ComponentProps<typeof PopoverContent>[\"align\"];\n  /**\n   * Styling for the popover form only.\n   *\n   * Deliberately not a shared `className`: `cn` is tailwind-merge, so a class\n   * written for the popover silently deletes a conflicting one from the\n   * sheet's own base list. `p-0` and `pb-[env(safe-area-inset-bottom)]` are\n   * the same conflict group, so passing the popover's `p-0` through dropped\n   * the sheet's home-indicator inset — and a `divide-y` meant for the\n   * popover's sections drew a rule under the sheet's grab handle instead.\n   */\n  popoverClassName?: string;\n}\n\nexport function ResponsivePanel({\n  open,\n  onOpenChange,\n  trigger,\n  title,\n  children,\n  align = \"start\",\n  popoverClassName,\n}: ResponsivePanelProps) {\n  const isMobile = useIsMobile();\n\n  if (!isMobile) {\n    return (\n      <Popover open={open} onOpenChange={onOpenChange}>\n        <PopoverTrigger asChild>{trigger}</PopoverTrigger>\n        <PopoverContent\n          side=\"top\"\n          align={align}\n          className={cn(\"w-64 overflow-hidden rounded-xl p-1\", popoverClassName)}\n        >\n          {children}\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={onOpenChange}>\n      <DialogPrimitive.Trigger asChild>{trigger}</DialogPrimitive.Trigger>\n      <DialogPrimitive.Portal>\n        <DialogPrimitive.Overlay\n          data-slot=\"responsive-panel-overlay\"\n          className=\"fixed inset-0 z-50 bg-black/40 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0\"\n        />\n        <DialogPrimitive.Content\n          data-slot=\"responsive-panel-sheet\"\n          aria-describedby={undefined}\n          className={cn(\n            \"fixed inset-x-0 bottom-0 z-50 flex max-h-[80svh] flex-col overflow-hidden rounded-t-2xl border-t border-border bg-popover pb-[env(safe-area-inset-bottom)] text-popover-foreground shadow-lg\",\n            \"data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom\",\n          )}\n        >\n          <DialogPrimitive.Title className=\"sr-only\">\n            {title}\n          </DialogPrimitive.Title>\n          {/* Not draggable — Radix has no drag gesture and the sheet is short\n              enough that a grab bar would only promise one. It reads as the\n              handle the shape implies while staying purely decorative. */}\n          <div\n            aria-hidden=\"true\"\n            className=\"mx-auto mt-2.5 mb-1 h-1 w-9 shrink-0 rounded-full bg-muted-foreground/30\"\n          />\n          <div className=\"min-h-0 flex-1 overflow-y-auto overscroll-contain p-1\">\n            {children}\n          </div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n"]}

package/dist/tab-strip.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var chunk6YHDDRIM_cjs = require('./chunk-6YHDDRIM.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TabStrip({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "tablist",
+      "data-slot": "tab-strip",
+      className: chunk6YHDDRIM_cjs.cn("flex min-w-0 items-center gap-0.5 overflow-x-auto", className),
+      ...props
+    }
+  );
+}
+function TabStripTab({
+  active = false,
+  onSelect,
+  onClose,
+  closeLabel = "Close tab",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "tab",
+      tabIndex: 0,
+      "aria-selected": active,
+      "data-slot": "tab-strip-tab",
+      "data-active": active,
+      onClick: onSelect,
+      onKeyDown: (event) => {
+        if (event.target !== event.currentTarget) return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onSelect();
+        }
+      },
+      className: chunk6YHDDRIM_cjs.cn(
+        "flex h-7 min-h-11 max-w-40 shrink-0 cursor-pointer items-center gap-1 rounded-[7px] pl-2.5 text-[12px] transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 pointer-fine:min-h-0",
+        onClose ? "pr-1" : "pr-2.5",
+        active ? "bg-foreground/[0.08] font-medium text-foreground" : "text-muted-foreground hover:bg-foreground/[0.04] hover:text-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }),
+        onClose && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "tab-strip-close",
+            "aria-label": closeLabel,
+            onClick: (event) => {
+              event.stopPropagation();
+              onClose();
+            },
+            className: "relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] text-muted-foreground transition-colors outline-none after:absolute after:-inset-1.5 hover:bg-foreground/[0.08] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/40",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "size-3" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.TabStrip = TabStrip;
+exports.TabStripTab = TabStripTab;
+//# sourceMappingURL=tab-strip.cjs.map
+//# sourceMappingURL=tab-strip.cjs.map

package/dist/tab-strip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tab-strip.tsx"],"names":["jsx","cn","jsxs","XIcon"],"mappings":";;;;;;AAUA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACtE,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAWC,oBAAA,CAAG,mDAAA,EAAqD,SAAS,CAAA;AAAA,MAC3E,GAAG;AAAA;AAAA,GACN;AAEJ;AAMA,SAAS,WAAA,CAAY;AAAA,EACnB,MAAA,GAAS,KAAA;AAAA,EACT,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,WAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAMG;AACD,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,QAAA,EAAU,CAAA;AAAA,MACV,eAAA,EAAe,MAAA;AAAA,MACf,WAAA,EAAU,eAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,OAAA,EAAS,QAAA;AAAA,MACT,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,QAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,EAAe;AAC1C,QAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,QAAQ,GAAA,EAAK;AAC9C,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,QAAA,EAAS;AAAA,QACX;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWD,oBAAA;AAAA,QACT,4MAAA;AAAA,QACA,UAAU,MAAA,GAAS,QAAA;AAAA,QACnB,SACI,kDAAA,GACA,wEAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAS,CAAA;AAAA,QAC5C,OAAA,oBACCA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,iBAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,CAAC,KAAA,KAAU;AAElB,cAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,cAAA,OAAA,EAAQ;AAAA,YACV,CAAA;AAAA,YAEA,SAAA,EAAU,8QAAA;AAAA,YAEV,QAAA,kBAAAA,cAAA,CAACG,iBAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA;AAC5B;AAAA;AAAA,GAEJ;AAEJ","file":"tab-strip.cjs","sourcesContent":["import * as React from \"react\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"./lib/utils\"\n\n/**\n * A compact strip of tabs that close (a browser's open pages), drawn as the\n * Work view switch draws its segments: muted text, a faint fill on the open\n * one. It switches nothing itself; each tab says what it does.\n */\nfunction TabStrip({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"tablist\"\n      data-slot=\"tab-strip\"\n      className={cn(\"flex min-w-0 items-center gap-0.5 overflow-x-auto\", className)}\n      {...props}\n    />\n  )\n}\n\n/**\n * One tab, with an × once `onClose` is given. A `div` with the tab role, not\n * a button: the × is a button, and a button cannot hold another.\n */\nfunction TabStripTab({\n  active = false,\n  onSelect,\n  onClose,\n  closeLabel = \"Close tab\",\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<\"div\">, \"onSelect\"> & {\n  active?: boolean\n  onSelect: () => void\n  onClose?: () => void\n  /** The ×'s accessible name. */\n  closeLabel?: string\n}) {\n  return (\n    <div\n      role=\"tab\"\n      tabIndex={0}\n      aria-selected={active}\n      data-slot=\"tab-strip-tab\"\n      data-active={active}\n      onClick={onSelect}\n      onKeyDown={(event) => {\n        if (event.target !== event.currentTarget) return\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault()\n          onSelect()\n        }\n      }}\n      className={cn(\n        \"flex h-7 min-h-11 max-w-40 shrink-0 cursor-pointer items-center gap-1 rounded-[7px] pl-2.5 text-[12px] transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 pointer-fine:min-h-0\",\n        onClose ? \"pr-1\" : \"pr-2.5\",\n        active\n          ? \"bg-foreground/[0.08] font-medium text-foreground\"\n          : \"text-muted-foreground hover:bg-foreground/[0.04] hover:text-foreground\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"min-w-0 truncate\">{children}</span>\n      {onClose && (\n        <button\n          type=\"button\"\n          data-slot=\"tab-strip-close\"\n          aria-label={closeLabel}\n          onClick={(event) => {\n            // Closing a tab is not opening it.\n            event.stopPropagation()\n            onClose()\n          }}\n          // The × is 16px; the overlay gives it a usable hit area.\n          className=\"relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] text-muted-foreground transition-colors outline-none after:absolute after:-inset-1.5 hover:bg-foreground/[0.08] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/40\"\n        >\n          <XIcon className=\"size-3\" />\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport { TabStrip, TabStripTab }\n"]}

package/dist/tab-strip.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * A compact strip of tabs that close (a browser's open pages), drawn as the
+ * Work view switch draws its segments: muted text, a faint fill on the open
+ * one. It switches nothing itself; each tab says what it does.
+ */
+declare function TabStrip({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * One tab, with an × once `onClose` is given. A `div` with the tab role, not
+ * a button: the × is a button, and a button cannot hold another.
+ */
+declare function TabStripTab({ active, onSelect, onClose, closeLabel, className, children, ...props }: Omit<React.ComponentProps<"div">, "onSelect"> & {
+    active?: boolean;
+    onSelect: () => void;
+    onClose?: () => void;
+    /** The ×'s accessible name. */
+    closeLabel?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { TabStrip, TabStripTab };

package/dist/tab-strip.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * A compact strip of tabs that close (a browser's open pages), drawn as the
+ * Work view switch draws its segments: muted text, a faint fill on the open
+ * one. It switches nothing itself; each tab says what it does.
+ */
+declare function TabStrip({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+/**
+ * One tab, with an × once `onClose` is given. A `div` with the tab role, not
+ * a button: the × is a button, and a button cannot hold another.
+ */
+declare function TabStripTab({ active, onSelect, onClose, closeLabel, className, children, ...props }: Omit<React.ComponentProps<"div">, "onSelect"> & {
+    active?: boolean;
+    onSelect: () => void;
+    onClose?: () => void;
+    /** The ×'s accessible name. */
+    closeLabel?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { TabStrip, TabStripTab };

package/dist/tab-strip.js

@@ -0,0 +1,71 @@
+import { cn } from './chunk-LZGII7SX.js';
+import { XIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function TabStrip({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tablist",
+      "data-slot": "tab-strip",
+      className: cn("flex min-w-0 items-center gap-0.5 overflow-x-auto", className),
+      ...props
+    }
+  );
+}
+function TabStripTab({
+  active = false,
+  onSelect,
+  onClose,
+  closeLabel = "Close tab",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "tab",
+      tabIndex: 0,
+      "aria-selected": active,
+      "data-slot": "tab-strip-tab",
+      "data-active": active,
+      onClick: onSelect,
+      onKeyDown: (event) => {
+        if (event.target !== event.currentTarget) return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onSelect();
+        }
+      },
+      className: cn(
+        "flex h-7 min-h-11 max-w-40 shrink-0 cursor-pointer items-center gap-1 rounded-[7px] pl-2.5 text-[12px] transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 pointer-fine:min-h-0",
+        onClose ? "pr-1" : "pr-2.5",
+        active ? "bg-foreground/[0.08] font-medium text-foreground" : "text-muted-foreground hover:bg-foreground/[0.04] hover:text-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children }),
+        onClose && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "tab-strip-close",
+            "aria-label": closeLabel,
+            onClick: (event) => {
+              event.stopPropagation();
+              onClose();
+            },
+            className: "relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] text-muted-foreground transition-colors outline-none after:absolute after:-inset-1.5 hover:bg-foreground/[0.08] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/40",
+            children: /* @__PURE__ */ jsx(XIcon, { className: "size-3" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { TabStrip, TabStripTab };
+//# sourceMappingURL=tab-strip.js.map
+//# sourceMappingURL=tab-strip.js.map

package/dist/tab-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tab-strip.tsx"],"names":[],"mappings":";;;;AAUA,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,GAAG,OAAM,EAAgC;AACtE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,mDAAA,EAAqD,SAAS,CAAA;AAAA,MAC3E,GAAG;AAAA;AAAA,GACN;AAEJ;AAMA,SAAS,WAAA,CAAY;AAAA,EACnB,MAAA,GAAS,KAAA;AAAA,EACT,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,WAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAMG;AACD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,KAAA;AAAA,MACL,QAAA,EAAU,CAAA;AAAA,MACV,eAAA,EAAe,MAAA;AAAA,MACf,WAAA,EAAU,eAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,OAAA,EAAS,QAAA;AAAA,MACT,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,QAAA,IAAI,KAAA,CAAM,MAAA,KAAW,KAAA,CAAM,aAAA,EAAe;AAC1C,QAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,QAAQ,GAAA,EAAK;AAC9C,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,QAAA,EAAS;AAAA,QACX;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,4MAAA;AAAA,QACA,UAAU,MAAA,GAAS,QAAA;AAAA,QACnB,SACI,kDAAA,GACA,wEAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAS,CAAA;AAAA,QAC5C,OAAA,oBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,iBAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,CAAC,KAAA,KAAU;AAElB,cAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,cAAA,OAAA,EAAQ;AAAA,YACV,CAAA;AAAA,YAEA,SAAA,EAAU,8QAAA;AAAA,YAEV,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA;AAC5B;AAAA;AAAA,GAEJ;AAEJ","file":"tab-strip.js","sourcesContent":["import * as React from \"react\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"./lib/utils\"\n\n/**\n * A compact strip of tabs that close (a browser's open pages), drawn as the\n * Work view switch draws its segments: muted text, a faint fill on the open\n * one. It switches nothing itself; each tab says what it does.\n */\nfunction TabStrip({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"tablist\"\n      data-slot=\"tab-strip\"\n      className={cn(\"flex min-w-0 items-center gap-0.5 overflow-x-auto\", className)}\n      {...props}\n    />\n  )\n}\n\n/**\n * One tab, with an × once `onClose` is given. A `div` with the tab role, not\n * a button: the × is a button, and a button cannot hold another.\n */\nfunction TabStripTab({\n  active = false,\n  onSelect,\n  onClose,\n  closeLabel = \"Close tab\",\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<\"div\">, \"onSelect\"> & {\n  active?: boolean\n  onSelect: () => void\n  onClose?: () => void\n  /** The ×'s accessible name. */\n  closeLabel?: string\n}) {\n  return (\n    <div\n      role=\"tab\"\n      tabIndex={0}\n      aria-selected={active}\n      data-slot=\"tab-strip-tab\"\n      data-active={active}\n      onClick={onSelect}\n      onKeyDown={(event) => {\n        if (event.target !== event.currentTarget) return\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault()\n          onSelect()\n        }\n      }}\n      className={cn(\n        \"flex h-7 min-h-11 max-w-40 shrink-0 cursor-pointer items-center gap-1 rounded-[7px] pl-2.5 text-[12px] transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring/40 pointer-fine:min-h-0\",\n        onClose ? \"pr-1\" : \"pr-2.5\",\n        active\n          ? \"bg-foreground/[0.08] font-medium text-foreground\"\n          : \"text-muted-foreground hover:bg-foreground/[0.04] hover:text-foreground\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"min-w-0 truncate\">{children}</span>\n      {onClose && (\n        <button\n          type=\"button\"\n          data-slot=\"tab-strip-close\"\n          aria-label={closeLabel}\n          onClick={(event) => {\n            // Closing a tab is not opening it.\n            event.stopPropagation()\n            onClose()\n          }}\n          // The × is 16px; the overlay gives it a usable hit area.\n          className=\"relative flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-[4px] text-muted-foreground transition-colors outline-none after:absolute after:-inset-1.5 hover:bg-foreground/[0.08] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/40\"\n        >\n          <XIcon className=\"size-3\" />\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport { TabStrip, TabStripTab }\n"]}

package/dist/tabs.d.cts

@@ -6,7 +6,7 @@ import { Tabs as Tabs$1 } from 'radix-ui';
 
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime.JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
+    variant?: "line" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
 declare function TabsTrigger({ className, children, ...props }: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime.JSX.Element;

package/dist/tabs.d.ts

@@ -6,7 +6,7 @@ import { Tabs as Tabs$1 } from 'radix-ui';
 
 declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime.JSX.Element;
 declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
+    variant?: "line" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
 declare function TabsTrigger({ className, children, ...props }: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime.JSX.Element;