@particle-academy/react-fancy 5.18.0 → 5.20.0

package/dist/{AudioViewer.types-VWhRx6XG.d.cts → AudioViewer.types-CyhmQVQd.d.cts}

@@ -1,6 +1,19 @@
 import { CSSProperties } from 'react';
 
 interface AudioViewerProps {
+    /**
+     * How much to fetch before playback is requested.
+     *
+     * Defaults to `"metadata"` — duration and the scrubber, nothing more. With no
+     * attribute the browser decides, and Chrome decides `"auto"` for audio, which
+     * means simply RENDERING the component downloads the whole file. Measured on
+     * the Fancy showcase: one audio tile on the package grid transferred 995 KB
+     * before anyone pressed play.
+     *
+     * Pass `"none"` for a thumbnail that should cost nothing, or `"auto"` to
+     * restore the eager behaviour deliberately.
+     */
+    preload?: "none" | "metadata" | "auto";
     /** Audio source — an `http(s):`, `data:`, or `blob:` URL. */
     src: string;
     /** Optional label shown above the player (e.g. the file name). */

package/dist/{AudioViewer.types-VWhRx6XG.d.ts → AudioViewer.types-CyhmQVQd.d.ts}

@@ -1,6 +1,19 @@
 import { CSSProperties } from 'react';
 
 interface AudioViewerProps {
+    /**
+     * How much to fetch before playback is requested.
+     *
+     * Defaults to `"metadata"` — duration and the scrubber, nothing more. With no
+     * attribute the browser decides, and Chrome decides `"auto"` for audio, which
+     * means simply RENDERING the component downloads the whole file. Measured on
+     * the Fancy showcase: one audio tile on the package grid transferred 995 KB
+     * before anyone pressed play.
+     *
+     * Pass `"none"` for a thumbnail that should cost nothing, or `"auto"` to
+     * restore the eager behaviour deliberately.
+     */
+    preload?: "none" | "metadata" | "auto";
     /** Audio source — an `http(s):`, `data:`, or `blob:` URL. */
     src: string;
     /** Optional label shown above the player (e.g. the file name). */

package/dist/{VideoViewer.types-CTwS6PcM.d.cts → VideoViewer.types-_AwQ8DQr.d.cts}

@@ -1,6 +1,19 @@
 import { CSSProperties } from 'react';
 
 interface VideoViewerProps {
+    /**
+     * How much to fetch before playback is requested.
+     *
+     * Defaults to `"metadata"` — duration and the scrubber, nothing more. With no
+     * attribute the browser decides, and Chrome decides `"auto"` for audio, which
+     * means simply RENDERING the component downloads the whole file. Measured on
+     * the Fancy showcase: one audio tile on the package grid transferred 995 KB
+     * before anyone pressed play.
+     *
+     * Pass `"none"` for a thumbnail that should cost nothing, or `"auto"` to
+     * restore the eager behaviour deliberately.
+     */
+    preload?: "none" | "metadata" | "auto";
     /** Video source — an `http(s):`, `data:`, or `blob:` URL. */
     src: string;
     /** Poster image shown before playback. */

package/dist/{VideoViewer.types-CTwS6PcM.d.ts → VideoViewer.types-_AwQ8DQr.d.ts}

@@ -1,6 +1,19 @@
 import { CSSProperties } from 'react';
 
 interface VideoViewerProps {
+    /**
+     * How much to fetch before playback is requested.
+     *
+     * Defaults to `"metadata"` — duration and the scrubber, nothing more. With no
+     * attribute the browser decides, and Chrome decides `"auto"` for audio, which
+     * means simply RENDERING the component downloads the whole file. Measured on
+     * the Fancy showcase: one audio tile on the package grid transferred 995 KB
+     * before anyone pressed play.
+     *
+     * Pass `"none"` for a thumbnail that should cost nothing, or `"auto"` to
+     * restore the eager behaviour deliberately.
+     */
+    preload?: "none" | "metadata" | "auto";
     /** Video source — an `http(s):`, `data:`, or `blob:` URL. */
     src: string;
     /** Poster image shown before playback. */

package/dist/audio-viewer.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk3GRC5J2L_cjs = require('./chunk-3GRC5J2L.cjs');
+var chunk3MHVFEIP_cjs = require('./chunk-3MHVFEIP.cjs');
 require('./chunk-3Z6ALUWP.cjs');
 
 
 
 Object.defineProperty(exports, "AudioViewer", {
   enumerable: true,
-  get: function () { return chunk3GRC5J2L_cjs.AudioViewer; }
+  get: function () { return chunk3MHVFEIP_cjs.AudioViewer; }
 });
 //# sourceMappingURL=audio-viewer.cjs.map
 //# sourceMappingURL=audio-viewer.cjs.map

package/dist/audio-viewer.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.cjs';
+import { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.cjs';
 
 /**
  * A standalone audio viewer — a themed card wrapping the native audio player,

package/dist/audio-viewer.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.js';
+import { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.js';
 
 /**
  * A standalone audio viewer — a themed card wrapping the native audio player,

package/dist/audio-viewer.js

@@ -1,4 +1,4 @@
-export { AudioViewer } from './chunk-EIBW5YLS.js';
+export { AudioViewer } from './chunk-74ZN5CNE.js';
 import './chunk-DSUHZO6T.js';
 //# sourceMappingURL=audio-viewer.js.map
 //# sourceMappingURL=audio-viewer.js.map

package/dist/{chunk-3GRC5J2L.cjs → chunk-3MHVFEIP.cjs}

@@ -11,6 +11,7 @@ var AudioViewer = react.forwardRef(
     controls = true,
     autoPlay = false,
     loop = false,
+    preload = "metadata",
     onError,
     className,
     style
@@ -32,6 +33,7 @@ var AudioViewer = react.forwardRef(
             "audio",
             {
               src,
+              preload,
               controls,
               autoPlay,
               loop,
@@ -50,5 +52,5 @@ var AudioViewer = react.forwardRef(
 AudioViewer.displayName = "AudioViewer";
 
 exports.AudioViewer = AudioViewer;
-//# sourceMappingURL=chunk-3GRC5J2L.cjs.map
-//# sourceMappingURL=chunk-3GRC5J2L.cjs.map
+//# sourceMappingURL=chunk-3MHVFEIP.cjs.map
+//# sourceMappingURL=chunk-3MHVFEIP.cjs.map

package/dist/chunk-3MHVFEIP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AudioViewer/AudioViewer.tsx"],"names":["forwardRef","useState","jsxs","cn","jsx"],"mappings":";;;;;;AAYO,IAAM,WAAA,GAAcA,gBAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA,GAAU,UAAA;AAAA,IACV,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE5C,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAWC,oBAAA;AAAA,UACT,0GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,0BACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EAA2C,kCAE1D,CAAA,mBAEAA,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,OAAA;AAAA,cACA,QAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA;AAAA,cACA,SAAS,MAAM;AACb,gBAAA,UAAA,CAAW,IAAI,CAAA;AACf,gBAAA,OAAA,IAAU;AAAA,cACZ,CAAA;AAAA,cACA,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-3MHVFEIP.cjs","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { AudioViewerProps } from \"./AudioViewer.types\";\n\n/**\n * A standalone audio viewer — a themed card wrapping the native audio player,\n * with an optional title. Renders for audio sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <AudioViewer src=\"/track.mp3\" title=\"track.mp3\" />\n * ```\n */\nexport const AudioViewer = forwardRef<HTMLDivElement, AudioViewerProps>(\n  (\n    {\n      src,\n      title,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      preload = \"metadata\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-audio-viewer=\"\"\n        className={cn(\n          \"flex flex-col gap-2 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        {title && (\n          <div className=\"truncate text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n            {title}\n          </div>\n        )}\n        {errored ? (\n          <div className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n            Couldn&apos;t load audio.\n          </div>\n        ) : (\n          <audio\n            src={src}\n            preload={preload}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className=\"w-full\"\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nAudioViewer.displayName = \"AudioViewer\";\n"]}

package/dist/{chunk-N7WQ53US.js → chunk-4CM2VMLR.js}

@@ -178,6 +178,7 @@ function SidebarRoot({
   defaultCollapsed = false,
   onCollapsedChange,
   collapseMode = "icons",
+  embedded = false,
   className
 }) {
   const [collapsed, setCollapsed] = useControllableState(
@@ -190,9 +191,17 @@ function SidebarRoot({
     {
       "data-react-fancy-sidebar": "",
       "data-collapsed": collapsed || void 0,
+      "data-embedded": embedded || void 0,
       className: cn(
-        "flex flex-col gap-0.5 border-r border-zinc-200 bg-white transition-[width] duration-200 dark:border-zinc-700 dark:bg-zinc-900",
-        collapsed ? "w-16" : "w-60",
+        "flex flex-col gap-0.5 transition-[width] duration-200",
+        // The app-shell chrome. Correct for the rail this is usually used as,
+        // and actively wrong inside a container that already draws its own —
+        // a 240px rail in a 300px card puts its right border 240px in, which
+        // reads as a stray line slicing the panel rather than an edge.
+        !embedded && "border-r border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900",
+        // Collapsed is a fixed icon rail either way; only the expanded width
+        // defers to the container.
+        collapsed ? "w-16" : embedded ? "w-full" : "w-60",
         className
       ),
       children
@@ -207,5 +216,5 @@ var Sidebar = Object.assign(SidebarRoot, {
 });
 
 export { Sidebar, useSidebar };
-//# sourceMappingURL=chunk-N7WQ53US.js.map
-//# sourceMappingURL=chunk-N7WQ53US.js.map
+//# sourceMappingURL=chunk-4CM2VMLR.js.map
+//# sourceMappingURL=chunk-4CM2VMLR.js.map

package/dist/chunk-4CM2VMLR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/Sidebar.context.ts","../src/components/Sidebar/SidebarItem.tsx","../src/components/Sidebar/SidebarGroup.tsx","../src/components/Sidebar/SidebarSubmenu.tsx","../src/components/Sidebar/SidebarToggle.tsx","../src/components/Sidebar/Sidebar.tsx"],"names":["jsxs","jsx","getLetters"],"mappings":";;;;;;AAGO,IAAM,cAAA,GAAiB,cAA0C,IAAI,CAAA;AAErE,SAAS,UAAA,GAAkC;AAChD,EAAA,MAAM,GAAA,GAAM,WAAW,cAAc,CAAA;AACrC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,sDAAsD,CAAA;AAAA,EACxE;AACA,EAAA,OAAO,GAAA;AACT;ACLA,SAAS,WAAW,QAAA,EAAmC;AACrD,EAAA,IAAI,OAAO,QAAA,KAAa,QAAA,SAAiB,QAAA,CAAS,KAAA,CAAM,GAAG,CAAC,CAAA;AAC5D,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA,EAAI,EAAA;AAAA,EACJ,IAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,QAAA,GAAW,KAAA;AAAA,EACX,KAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,UAAA,EAAW;AAM/C,EAAA,MAAM,MAAA,GAAS,OAAA,CAAQ,IAAA,IAAQ,EAAE,CAAA;AACjC,EAAA,MAAM,GAAA,GAAM,MAAA,GAAW,EAAA,IAAM,GAAA,GAAuB,QAAA;AACpD,EAAA,MAAM,QAAA,GAAW,MAAA,GACb,EAAE,GAAI,OAAO,EAAE,IAAA,EAAK,GAAI,IAAK,OAAA,EAAQ,GACrC,EAAE,IAAA,EAAM,UAAmB,OAAA,EAAQ;AAEvC,EAAA,MAAM,YAAA,GAAe,SAAA,IAAa,YAAA,KAAiB,OAAA,IAAW,IAAA;AAC9D,EAAA,MAAM,cAAc,SAAA,KAAc,YAAA,KAAiB,SAAA,IAAc,YAAA,KAAiB,WAAW,CAAC,IAAA,CAAA;AAE9F,EAAA,MAAM,KAAA,GAAQ,OAAO,QAAA,KAAa,QAAA,GAAW,QAAA,GAAW,MAAA;AAExD,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,QAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,+BAAA,EAA8B,EAAA;AAAA,MAC9B,eAAa,MAAA,IAAU,MAAA;AAAA,MACvB,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,MAChC,iBAAe,QAAA,IAAY,MAAA;AAAA,MAC3B,KAAA,EAAO,YAAY,KAAA,GAAQ,MAAA;AAAA,MAC3B,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOT,2EAAA;AAAA,QACA,+DAAA;AAAA,QACA,YAAY,0BAAA,GAA6B,iBAAA;AAAA,QACzC,SACI,+DAAA,GACA,0HAAA;AAAA,QACJ,QAAA,IAAY,gCAAA;AAAA,QACZ;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,YAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAE3E,+BACC,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,iCAAA,EAAmC,QAAA,EAAA,UAAA,CAAW,QAAQ,CAAA,EAAE,CAAA;AAAA,QAEzE,CAAC,6BACA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EAAqD,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,0BAYnF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAqC,QAAA,EAAS,CAAA;AAAA,UAC7D,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAY,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC9C;AAAA;AAAA;AAAA,GAEJ;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AC1FnB,SAAS,YAAA,CAAa,EAAE,QAAA,EAAU,KAAA,EAAO,WAAU,EAAsB;AAC9E,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,UAAA,EAAW;AAEjC,EAAA,uBACEA,KAAC,KAAA,EAAA,EAAI,gCAAA,EAA+B,IAAG,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EACnE,QAAA,EAAA;AAAA,IAAA,KAAA,IAAS,CAAC,SAAA,oBACTC,IAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6FACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,IAED,SAAS,SAAA,oBACRA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oDAAA,EAAqD,CAAA;AAAA,IAErE;AAAA,GAAA,EACH,CAAA;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;ACf3B,SAASC,YAAW,KAAA,EAAuB;AACzC,EAAA,OAAO,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA;AACzB;AAEO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,WAAW,CAAA;AAC5C,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,UAAA,EAAW;AAE/C,EAAA,MAAM,YAAA,GAAe,SAAA,IAAa,YAAA,KAAiB,OAAA,IAAW,IAAA;AAC9D,EAAA,MAAM,cAAc,SAAA,KAAc,YAAA,KAAiB,SAAA,IAAc,YAAA,KAAiB,WAAW,CAAC,IAAA,CAAA;AAG9F,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACEF,IAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,kCAAA,EAAiC,EAAA;AAAA,QACjC,KAAA,EAAO,KAAA;AAAA,QACP,SAAA,EAAW,EAAA;AAAA,UACT,6FAAA;AAAA,UACA,oDAAA;AAAA,UACA,uEAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,YAAA,oBACCC,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qDAAqD,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAE3E,WAAA,oBACCA,GAAAA,CAAC,MAAA,EAAA,EAAK,WAAU,iCAAA,EAAmC,QAAA,EAAAC,WAAAA,CAAW,KAAK,CAAA,EAAE;AAAA;AAAA;AAAA,KAEzE;AAAA,EAEJ;AAEA,EAAA,uBACEF,IAAAA,CAAC,KAAA,EAAA,EAAI,kCAAA,EAAiC,IAAG,SAAA,EACvC,QAAA,EAAA;AAAA,oBAAAA,IAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,QAChC,SAAA,EAAW,EAAA;AAAA,UACT,2FAAA;AAAA,UACA,oDAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQC,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qDAAqD,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,0BACnFA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAoB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BAC1CA,GAAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,0DAAA;AAAA,gBACA,IAAA,IAAQ;AAAA;AACV;AAAA;AACF;AAAA;AAAA,KACF;AAAA,oBACAA,GAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,mDAAA;AAAA,UACA,OAAO,iBAAA,GAAoB;AAAA,SAC7B;AAAA,QAEA,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8DAAA,EACZ,QAAA,EACH,CAAA,EACF;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AC9EtB,SAAS,aAAA,CAAc,EAAE,SAAA,EAAU,EAAuB;AAC/D,EAAA,MAAM,EAAE,SAAA,EAAW,YAAA,EAAa,GAAI,UAAA,EAAW;AAE/C,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,iCAAA,EAAgC,EAAA;AAAA,MAChC,OAAA,EAAS,MAAM,YAAA,CAAa,CAAC,SAAS,CAAA;AAAA,MACtC,KAAA,EAAO,YAAY,gBAAA,GAAmB,kBAAA;AAAA,MACtC,SAAA,EAAW,EAAA;AAAA,QACT,mFAAA;AAAA,QACA,uFAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA,SAAA,mBACCA,GAAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,SAAA,EAAU,CAAA,mBAEnCA,GAAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,GAExC;AAEJ;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;ACpB5B,SAAS,WAAA,CAAY;AAAA,EACnB,QAAA;AAAA,EACA,SAAA,EAAW,mBAAA;AAAA,EACX,gBAAA,GAAmB,KAAA;AAAA,EACnB,iBAAA;AAAA,EACA,YAAA,GAAe,OAAA;AAAA,EACf,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAiB;AACf,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,oBAAA;AAAA,IAChC,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,uBACEA,GAAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,KAAA,EAAO,EAAE,SAAA,EAAW,YAAA,EAAc,YAAA,EAAa,EACtE,QAAA,kBAAAA,GAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,0BAAA,EAAyB,EAAA;AAAA,MACzB,kBAAgB,SAAA,IAAa,MAAA;AAAA,MAC7B,iBAAe,QAAA,IAAY,MAAA;AAAA,MAC3B,SAAA,EAAW,EAAA;AAAA,QACT,uDAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA,CAAC,QAAA,IAAY,yEAAA;AAAA;AAAA;AAAA,QAGb,SAAA,GAAY,MAAA,GAAS,QAAA,GAAW,QAAA,GAAW,MAAA;AAAA,QAC3C;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEO,IAAM,OAAA,GAAU,MAAA,CAAO,MAAA,CAAO,WAAA,EAAa;AAAA,EAChD,IAAA,EAAM,WAAA;AAAA,EACN,KAAA,EAAO,YAAA;AAAA,EACP,OAAA,EAAS,cAAA;AAAA,EACT,MAAA,EAAQ;AACV,CAAC","file":"chunk-4CM2VMLR.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SidebarContextValue } from \"./Sidebar.types\";\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport function useSidebar(): SidebarContextValue {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\"useSidebar must be used within a <Sidebar> component\");\n  }\n  return ctx;\n}\n","import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarItemProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a ReactNode if it's a string. */\nfunction getLetters(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children.slice(0, 3);\n  return \"...\";\n}\n\nexport function SidebarItem({\n  children,\n  href,\n  as: As,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  onClick,\n  className,\n  ...rest\n}: SidebarItemProps) {\n  const { collapsed, collapseMode } = useSidebar();\n\n  // Link mode engages on `href` OR `as` — a `to`-based router (TanStack Router,\n  // React Router) passes no href, and would otherwise render a <button> that\n  // navigates nowhere. `onClick` now rides along in link mode instead of being\n  // dropped: an item that both navigates and closes a drawer is the common case.\n  const isLink = Boolean(href || As);\n  const Tag = isLink ? ((As ?? \"a\") as ElementType) : \"button\";\n  const tagProps = isLink\n    ? { ...(href ? { href } : {}), onClick }\n    : { type: \"button\" as const, onClick };\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  const title = typeof children === \"string\" ? children : undefined;\n\n  return (\n    <Tag\n      {...tagProps}\n      {...rest}\n      data-react-fancy-sidebar-item=\"\"\n      data-active={active || undefined}\n      aria-current={active ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      title={collapsed ? title : undefined}\n      className={cn(\n        // `w-full` matters when the Tag is a <button>: form controls size to\n        // FIT-CONTENT, not to their parent, so a long label made the item wider\n        // than the sidebar and an ancestor clipped the overflow — which reads as\n        // a label cut off mid-word rather than an ellipsis. Without this,\n        // `min-w-0` on the label below can never engage, because the item is\n        // never under width pressure in the first place.\n        \"flex w-full items-center rounded-md text-sm font-medium transition-colors\",\n        \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500\",\n        collapsed ? \"justify-center px-2 py-2\" : \"gap-2 px-3 py-2\",\n        active\n          ? \"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100\"\n          : \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        disabled && \"pointer-events-none opacity-50\",\n        className,\n      )}\n    >\n      {showIconOnly && (\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n      )}\n      {showLetters && (\n        <span className=\"text-xs font-semibold uppercase\">{getLetters(children)}</span>\n      )}\n      {!collapsed && (\n        <>\n          {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n          {/*\n            `min-w-0` is load-bearing, not tidiness. A flex item defaults to\n            `min-width: auto`, which resolves to its MIN-CONTENT width — so with\n            `truncate` alone the span refuses to shrink below the full label,\n            and the item grows wider than the sidebar instead of ellipsing.\n            The overflow then gets clipped by an ancestor, which looks like a\n            mid-word cut rather than a truncation.\n\n            Only shows up with labels longer than the sidebar is wide, which is\n            why it survived: short nav labels never trigger it.\n          */}\n          <span className=\"min-w-0 flex-1 truncate text-left\">{children}</span>\n          {badge && <span className=\"shrink-0\">{badge}</span>}\n        </>\n      )}\n    </Tag>\n  );\n}\n\nSidebarItem.displayName = \"SidebarItem\";\n","import { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarGroupProps } from \"./Sidebar.types\";\n\nexport function SidebarGroup({ children, label, className }: SidebarGroupProps) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div data-react-fancy-sidebar-group=\"\" className={cn(\"py-1\", className)}>\n      {label && !collapsed && (\n        <p className=\"mb-1 px-3 text-xs font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500\">\n          {label}\n        </p>\n      )}\n      {label && collapsed && (\n        <div className=\"mx-auto mb-1 h-px w-6 bg-zinc-200 dark:bg-zinc-700\" />\n      )}\n      {children}\n    </div>\n  );\n}\n\nSidebarGroup.displayName = \"SidebarGroup\";\n","import { useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarSubmenuProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a string. */\nfunction getLetters(label: string): string {\n  return label.slice(0, 3);\n}\n\nexport function SidebarSubmenu({\n  children,\n  label,\n  icon,\n  defaultOpen = false,\n  className,\n}: SidebarSubmenuProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const { collapsed, collapseMode } = useSidebar();\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  // When collapsed, just show the icon/letters as a simple item (no expand)\n  if (collapsed) {\n    return (\n      <div\n        data-react-fancy-sidebar-submenu=\"\"\n        title={label}\n        className={cn(\n          \"flex items-center justify-center rounded-md px-2 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n          className,\n        )}\n      >\n        {showIconOnly && (\n          <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n        )}\n        {showLetters && (\n          <span className=\"text-xs font-semibold uppercase\">{getLetters(label)}</span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div data-react-fancy-sidebar-submenu=\"\" className={className}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className={cn(\n          \"flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        )}\n      >\n        {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n        <span className=\"flex-1 text-left\">{label}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 opacity-60 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200\",\n          open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n        )}\n      >\n        <div className=\"overflow-hidden\">\n          <div className=\"ml-4 border-l border-zinc-200 pl-2 pt-1 dark:border-zinc-700\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nSidebarSubmenu.displayName = \"SidebarSubmenu\";\n","import { PanelLeftClose, PanelLeftOpen } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarToggleProps } from \"./Sidebar.types\";\n\nexport function SidebarToggle({ className }: SidebarToggleProps) {\n  const { collapsed, setCollapsed } = useSidebar();\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-sidebar-toggle=\"\"\n      onClick={() => setCollapsed(!collapsed)}\n      title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n      className={cn(\n        \"flex items-center justify-center rounded-md p-1.5 text-zinc-400 transition-colors\",\n        \"hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300\",\n        className,\n      )}\n    >\n      {collapsed ? (\n        <PanelLeftOpen className=\"h-4 w-4\" />\n      ) : (\n        <PanelLeftClose className=\"h-4 w-4\" />\n      )}\n    </button>\n  );\n}\n\nSidebarToggle.displayName = \"SidebarToggle\";\n","import { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks\";\nimport { SidebarContext } from \"./Sidebar.context\";\nimport { SidebarItem } from \"./SidebarItem\";\nimport { SidebarGroup } from \"./SidebarGroup\";\nimport { SidebarSubmenu } from \"./SidebarSubmenu\";\nimport { SidebarToggle } from \"./SidebarToggle\";\nimport type { SidebarProps } from \"./Sidebar.types\";\n\nfunction SidebarRoot({\n  children,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  collapseMode = \"icons\",\n  embedded = false,\n  className,\n}: SidebarProps) {\n  const [collapsed, setCollapsed] = useControllableState(\n    controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n  );\n\n  return (\n    <SidebarContext.Provider value={{ collapsed, collapseMode, setCollapsed }}>\n      <aside\n        data-react-fancy-sidebar=\"\"\n        data-collapsed={collapsed || undefined}\n        data-embedded={embedded || undefined}\n        className={cn(\n          \"flex flex-col gap-0.5 transition-[width] duration-200\",\n          // The app-shell chrome. Correct for the rail this is usually used as,\n          // and actively wrong inside a container that already draws its own —\n          // a 240px rail in a 300px card puts its right border 240px in, which\n          // reads as a stray line slicing the panel rather than an edge.\n          !embedded && \"border-r border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n          // Collapsed is a fixed icon rail either way; only the expanded width\n          // defers to the container.\n          collapsed ? \"w-16\" : embedded ? \"w-full\" : \"w-60\",\n          className,\n        )}\n      >\n        {children}\n      </aside>\n    </SidebarContext.Provider>\n  );\n}\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Item: SidebarItem,\n  Group: SidebarGroup,\n  Submenu: SidebarSubmenu,\n  Toggle: SidebarToggle,\n});\n"]}

package/dist/{chunk-EIBW5YLS.js → chunk-74ZN5CNE.js}

@@ -9,6 +9,7 @@ var AudioViewer = forwardRef(
     controls = true,
     autoPlay = false,
     loop = false,
+    preload = "metadata",
     onError,
     className,
     style
@@ -30,6 +31,7 @@ var AudioViewer = forwardRef(
             "audio",
             {
               src,
+              preload,
               controls,
               autoPlay,
               loop,
@@ -48,5 +50,5 @@ var AudioViewer = forwardRef(
 AudioViewer.displayName = "AudioViewer";
 
 export { AudioViewer };
-//# sourceMappingURL=chunk-EIBW5YLS.js.map
-//# sourceMappingURL=chunk-EIBW5YLS.js.map
+//# sourceMappingURL=chunk-74ZN5CNE.js.map
+//# sourceMappingURL=chunk-74ZN5CNE.js.map

package/dist/chunk-74ZN5CNE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AudioViewer/AudioViewer.tsx"],"names":[],"mappings":";;;;AAYO,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA,GAAU,UAAA;AAAA,IACV,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAW,EAAA;AAAA,UACT,0GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,0BACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EAA2C,kCAE1D,CAAA,mBAEA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,OAAA;AAAA,cACA,QAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA;AAAA,cACA,SAAS,MAAM;AACb,gBAAA,UAAA,CAAW,IAAI,CAAA;AACf,gBAAA,OAAA,IAAU;AAAA,cACZ,CAAA;AAAA,cACA,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-74ZN5CNE.js","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { AudioViewerProps } from \"./AudioViewer.types\";\n\n/**\n * A standalone audio viewer — a themed card wrapping the native audio player,\n * with an optional title. Renders for audio sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <AudioViewer src=\"/track.mp3\" title=\"track.mp3\" />\n * ```\n */\nexport const AudioViewer = forwardRef<HTMLDivElement, AudioViewerProps>(\n  (\n    {\n      src,\n      title,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      preload = \"metadata\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-audio-viewer=\"\"\n        className={cn(\n          \"flex flex-col gap-2 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        {title && (\n          <div className=\"truncate text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n            {title}\n          </div>\n        )}\n        {errored ? (\n          <div className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n            Couldn&apos;t load audio.\n          </div>\n        ) : (\n          <audio\n            src={src}\n            preload={preload}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className=\"w-full\"\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nAudioViewer.displayName = \"AudioViewer\";\n"]}

package/dist/{chunk-KE7KXY5C.cjs → chunk-BWTFK2GV.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk3ETOEEVN_cjs = require('./chunk-3ETOEEVN.cjs');
+var chunkI462NM2A_cjs = require('./chunk-I462NM2A.cjs');
 var chunkJHEM6IGT_cjs = require('./chunk-JHEM6IGT.cjs');
 var chunkAC7M7JDO_cjs = require('./chunk-AC7M7JDO.cjs');
-var chunk3GRC5J2L_cjs = require('./chunk-3GRC5J2L.cjs');
+var chunk3MHVFEIP_cjs = require('./chunk-3MHVFEIP.cjs');
 var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -176,7 +176,7 @@ var MediaViewer = react.forwardRef(
         );
       case "video":
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3ETOEEVN_cjs.VideoViewer,
+          chunkI462NM2A_cjs.VideoViewer,
           {
             ref,
             src,
@@ -188,7 +188,7 @@ var MediaViewer = react.forwardRef(
         );
       case "audio":
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3GRC5J2L_cjs.AudioViewer,
+          chunk3MHVFEIP_cjs.AudioViewer,
           {
             ref,
             src,
@@ -229,5 +229,5 @@ MediaViewer.displayName = "MediaViewer";
 
 exports.MediaViewer = MediaViewer;
 exports.resolveMediaType = resolveMediaType;
-//# sourceMappingURL=chunk-KE7KXY5C.cjs.map
-//# sourceMappingURL=chunk-KE7KXY5C.cjs.map
+//# sourceMappingURL=chunk-BWTFK2GV.cjs.map
+//# sourceMappingURL=chunk-BWTFK2GV.cjs.map

package/dist/{chunk-KE7KXY5C.cjs.map → chunk-BWTFK2GV.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/media-type.ts","../src/components/MediaViewer/MediaFallback.tsx","../src/components/MediaViewer/MediaViewer.tsx"],"names":["jsxs","cn","jsx","forwardRef","ImageViewer","VideoViewer","AudioViewer","PdfViewer"],"mappings":"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","file":"chunk-KE7KXY5C.cjs","sourcesContent":["/**\n * Resolve what kind of media a source is, from its MIME type (preferred) or its\n * URL — a file extension, or the type embedded in a `data:` URI.\n *\n * Shared by `<MediaViewer>` to pick the right per-type viewer, and exported so\n * downstream packages (e.g. fancy-code's file viewer) can make the same\n * text-vs-media decision without re-deriving the table.\n */\n\nexport type MediaKind = \"image\" | \"video\" | \"audio\" | \"pdf\" | \"unknown\";\n\nexport interface ResolveMediaTypeInput {\n  /** MIME type — preferred when known (e.g. `\"image/png\"`, `\"video/mp4\"`). */\n  mime?: string | null;\n  /**\n   * Source URL — used to sniff the kind from a file extension, or from the type\n   * embedded in a `data:` URI, when no `mime` is given. `http(s):` / `data:` /\n   * `blob:` are all accepted (a bare `blob:` URL carries no type, so pass\n   * `mime` alongside it).\n   */\n  src?: string | null;\n}\n\nconst IMAGE_EXTS = new Set([\n  \"png\", \"jpg\", \"jpeg\", \"jfif\", \"pjpeg\", \"gif\", \"webp\", \"avif\", \"bmp\", \"ico\",\n  \"cur\", \"svg\", \"svgz\", \"apng\", \"tif\", \"tiff\", \"heic\", \"heif\",\n]);\nconst VIDEO_EXTS = new Set([\n  \"mp4\", \"m4v\", \"webm\", \"ogv\", \"ogm\", \"mov\", \"mkv\", \"avi\", \"wmv\", \"flv\", \"3gp\",\n  \"3g2\", \"mpg\", \"mpeg\",\n]);\nconst AUDIO_EXTS = new Set([\n  \"mp3\", \"wav\", \"wave\", \"ogg\", \"oga\", \"m4a\", \"m4b\", \"aac\", \"flac\", \"opus\",\n  \"weba\", \"mid\", \"midi\", \"aiff\", \"aif\",\n]);\n\n/** Map a (possibly parameterized) MIME type to a media kind. */\nfunction mimeToKind(mime: string): MediaKind {\n  // Strip any parameters (`; charset=…`) and normalize.\n  const m = mime.toLowerCase().split(\";\")[0].trim();\n  if (!m) return \"unknown\";\n  if (m === \"application/pdf\" || m === \"application/x-pdf\") return \"pdf\";\n  if (m.startsWith(\"image/\")) return \"image\";\n  if (m.startsWith(\"video/\")) return \"video\";\n  if (m.startsWith(\"audio/\")) return \"audio\";\n  // `application/ogg` is audio in practice; treat it as such.\n  if (m === \"application/ogg\") return \"audio\";\n  return \"unknown\";\n}\n\n/** Map a bare file extension (no leading dot) to a media kind. */\nfunction extToKind(ext: string): MediaKind {\n  const e = ext.toLowerCase();\n  if (e === \"pdf\") return \"pdf\";\n  if (IMAGE_EXTS.has(e)) return \"image\";\n  if (VIDEO_EXTS.has(e)) return \"video\";\n  if (AUDIO_EXTS.has(e)) return \"audio\";\n  return \"unknown\";\n}\n\n/** Pull the file extension out of a URL, ignoring its query/hash. */\nfunction extFromSrc(src: string): string | null {\n  const clean = src.split(/[?#]/, 1)[0];\n  const lastSeg = clean.split(\"/\").pop() ?? \"\";\n  const dot = lastSeg.lastIndexOf(\".\");\n  if (dot <= 0 || dot === lastSeg.length - 1) return null;\n  return lastSeg.slice(dot + 1);\n}\n\n/** Extract the MIME type embedded in a `data:` URI, if present. */\nfunction mimeFromDataUri(src: string): string | null {\n  if (!/^data:/i.test(src)) return null;\n  const header = src.slice(5).split(\",\", 1)[0]; // text after `data:`, before the comma\n  const mt = header.split(\";\")[0].trim();\n  return mt || null;\n}\n\n/**\n * Resolve a {@link MediaKind} from a MIME type and/or source URL. MIME wins\n * when it's conclusive; otherwise the `src` is sniffed (a `data:` URI's\n * embedded type first, then the file extension). Returns `\"unknown\"` when\n * nothing matches — callers treat that as \"not previewable media\" (e.g. text).\n */\nexport function resolveMediaType({ mime, src }: ResolveMediaTypeInput): MediaKind {\n  if (mime) {\n    const k = mimeToKind(mime);\n    if (k !== \"unknown\") return k;\n  }\n  if (src) {\n    const dataMime = mimeFromDataUri(src);\n    if (dataMime) {\n      const k = mimeToKind(dataMime);\n      if (k !== \"unknown\") return k;\n    }\n    const ext = extFromSrc(src);\n    if (ext) return extToKind(ext);\n  }\n  return \"unknown\";\n}\n","import { cn } from \"../../utils/cn\";\n\ninterface MediaFallbackProps {\n  src: string;\n  mime?: string;\n  label?: string;\n  className?: string;\n}\n\n/** Filename guess from a URL, ignoring query/hash and `data:`/`blob:` URLs. */\nfunction basename(src: string): string | null {\n  if (/^(data|blob):/i.test(src)) return null;\n  const seg = src.split(/[?#]/, 1)[0].split(\"/\").pop();\n  return seg ? decodeURIComponent(seg) : null;\n}\n\n/**\n * Shown by `<MediaViewer>` when a source isn't a previewable media type — a\n * small themed card naming the file and offering a download.\n */\nexport function MediaFallback({ src, mime, label, className }: MediaFallbackProps) {\n  const name = label || basename(src);\n  return (\n    <div\n      data-react-fancy-media-fallback=\"\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-2 rounded-lg border border-zinc-200 bg-white p-6 text-center dark:border-zinc-700 dark:bg-zinc-900\",\n        className,\n      )}\n    >\n      <span className=\"text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n        No preview available\n      </span>\n      {(name || mime) && (\n        <span className=\"max-w-full truncate text-xs text-zinc-500 dark:text-zinc-400\">\n          {name}\n          {name && mime ? \" · \" : \"\"}\n          {mime}\n        </span>\n      )}\n      <a\n        href={src}\n        download={name ?? undefined}\n        className=\"text-xs font-medium text-blue-600 hover:underline dark:text-blue-400\"\n      >\n        Download\n      </a>\n    </div>\n  );\n}\n","import { forwardRef } from \"react\";\nimport { resolveMediaType } from \"../../utils/media-type\";\nimport { ImageViewer } from \"../ImageViewer\";\nimport { VideoViewer } from \"../VideoViewer\";\nimport { AudioViewer } from \"../AudioViewer\";\nimport { PdfViewer } from \"../PdfViewer\";\nimport { MediaFallback } from \"./MediaFallback\";\nimport type { MediaViewerProps } from \"./MediaViewer.types\";\n\n/**\n * Renders the right viewer for a media file, picked from its `mime` (preferred)\n * or `src` — image, video, audio, or PDF — and a download fallback for anything\n * else. SVG renders through `<ImageViewer>`. The single entry point for showing\n * a file from a tree/workspace when you don't know its type ahead of time.\n *\n * ```tsx\n * <MediaViewer src={url} mime=\"image/png\" alt=\"logo.png\" style={{ height: 320 }} />\n * ```\n */\nexport const MediaViewer = forwardRef<HTMLDivElement, MediaViewerProps>(\n  (\n    {\n      src,\n      mime,\n      alt,\n      kind,\n      imageProps,\n      videoProps,\n      audioProps,\n      pdfProps,\n      fallback,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const resolved = kind ?? resolveMediaType({ mime, src });\n\n    switch (resolved) {\n      case \"image\":\n        return (\n          <ImageViewer\n            ref={ref}\n            src={src}\n            alt={alt ?? \"\"}\n            onError={onError}\n            className={className}\n            style={style}\n            {...imageProps}\n          />\n        );\n      case \"video\":\n        return (\n          <VideoViewer\n            ref={ref}\n            src={src}\n            onError={onError}\n            className={className}\n            style={style}\n            {...videoProps}\n          />\n        );\n      case \"audio\":\n        return (\n          <AudioViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            onError={onError}\n            className={className}\n            style={style}\n            {...audioProps}\n          />\n        );\n      case \"pdf\":\n        return (\n          <PdfViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            className={className}\n            style={style}\n            {...pdfProps}\n          />\n        );\n      default:\n        return (\n          <div\n            ref={ref}\n            data-react-fancy-media-viewer=\"\"\n            className={className}\n            style={style}\n          >\n            {fallback ?? <MediaFallback src={src} mime={mime} label={alt} />}\n          </div>\n        );\n    }\n  },\n);\n\nMediaViewer.displayName = \"MediaViewer\";\n"]}
+{"version":3,"sources":["../src/utils/media-type.ts","../src/components/MediaViewer/MediaFallback.tsx","../src/components/MediaViewer/MediaViewer.tsx"],"names":["jsxs","cn","jsx","forwardRef","ImageViewer","VideoViewer","AudioViewer","PdfViewer"],"mappings":"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","file":"chunk-BWTFK2GV.cjs","sourcesContent":["/**\n * Resolve what kind of media a source is, from its MIME type (preferred) or its\n * URL — a file extension, or the type embedded in a `data:` URI.\n *\n * Shared by `<MediaViewer>` to pick the right per-type viewer, and exported so\n * downstream packages (e.g. fancy-code's file viewer) can make the same\n * text-vs-media decision without re-deriving the table.\n */\n\nexport type MediaKind = \"image\" | \"video\" | \"audio\" | \"pdf\" | \"unknown\";\n\nexport interface ResolveMediaTypeInput {\n  /** MIME type — preferred when known (e.g. `\"image/png\"`, `\"video/mp4\"`). */\n  mime?: string | null;\n  /**\n   * Source URL — used to sniff the kind from a file extension, or from the type\n   * embedded in a `data:` URI, when no `mime` is given. `http(s):` / `data:` /\n   * `blob:` are all accepted (a bare `blob:` URL carries no type, so pass\n   * `mime` alongside it).\n   */\n  src?: string | null;\n}\n\nconst IMAGE_EXTS = new Set([\n  \"png\", \"jpg\", \"jpeg\", \"jfif\", \"pjpeg\", \"gif\", \"webp\", \"avif\", \"bmp\", \"ico\",\n  \"cur\", \"svg\", \"svgz\", \"apng\", \"tif\", \"tiff\", \"heic\", \"heif\",\n]);\nconst VIDEO_EXTS = new Set([\n  \"mp4\", \"m4v\", \"webm\", \"ogv\", \"ogm\", \"mov\", \"mkv\", \"avi\", \"wmv\", \"flv\", \"3gp\",\n  \"3g2\", \"mpg\", \"mpeg\",\n]);\nconst AUDIO_EXTS = new Set([\n  \"mp3\", \"wav\", \"wave\", \"ogg\", \"oga\", \"m4a\", \"m4b\", \"aac\", \"flac\", \"opus\",\n  \"weba\", \"mid\", \"midi\", \"aiff\", \"aif\",\n]);\n\n/** Map a (possibly parameterized) MIME type to a media kind. */\nfunction mimeToKind(mime: string): MediaKind {\n  // Strip any parameters (`; charset=…`) and normalize.\n  const m = mime.toLowerCase().split(\";\")[0].trim();\n  if (!m) return \"unknown\";\n  if (m === \"application/pdf\" || m === \"application/x-pdf\") return \"pdf\";\n  if (m.startsWith(\"image/\")) return \"image\";\n  if (m.startsWith(\"video/\")) return \"video\";\n  if (m.startsWith(\"audio/\")) return \"audio\";\n  // `application/ogg` is audio in practice; treat it as such.\n  if (m === \"application/ogg\") return \"audio\";\n  return \"unknown\";\n}\n\n/** Map a bare file extension (no leading dot) to a media kind. */\nfunction extToKind(ext: string): MediaKind {\n  const e = ext.toLowerCase();\n  if (e === \"pdf\") return \"pdf\";\n  if (IMAGE_EXTS.has(e)) return \"image\";\n  if (VIDEO_EXTS.has(e)) return \"video\";\n  if (AUDIO_EXTS.has(e)) return \"audio\";\n  return \"unknown\";\n}\n\n/** Pull the file extension out of a URL, ignoring its query/hash. */\nfunction extFromSrc(src: string): string | null {\n  const clean = src.split(/[?#]/, 1)[0];\n  const lastSeg = clean.split(\"/\").pop() ?? \"\";\n  const dot = lastSeg.lastIndexOf(\".\");\n  if (dot <= 0 || dot === lastSeg.length - 1) return null;\n  return lastSeg.slice(dot + 1);\n}\n\n/** Extract the MIME type embedded in a `data:` URI, if present. */\nfunction mimeFromDataUri(src: string): string | null {\n  if (!/^data:/i.test(src)) return null;\n  const header = src.slice(5).split(\",\", 1)[0]; // text after `data:`, before the comma\n  const mt = header.split(\";\")[0].trim();\n  return mt || null;\n}\n\n/**\n * Resolve a {@link MediaKind} from a MIME type and/or source URL. MIME wins\n * when it's conclusive; otherwise the `src` is sniffed (a `data:` URI's\n * embedded type first, then the file extension). Returns `\"unknown\"` when\n * nothing matches — callers treat that as \"not previewable media\" (e.g. text).\n */\nexport function resolveMediaType({ mime, src }: ResolveMediaTypeInput): MediaKind {\n  if (mime) {\n    const k = mimeToKind(mime);\n    if (k !== \"unknown\") return k;\n  }\n  if (src) {\n    const dataMime = mimeFromDataUri(src);\n    if (dataMime) {\n      const k = mimeToKind(dataMime);\n      if (k !== \"unknown\") return k;\n    }\n    const ext = extFromSrc(src);\n    if (ext) return extToKind(ext);\n  }\n  return \"unknown\";\n}\n","import { cn } from \"../../utils/cn\";\n\ninterface MediaFallbackProps {\n  src: string;\n  mime?: string;\n  label?: string;\n  className?: string;\n}\n\n/** Filename guess from a URL, ignoring query/hash and `data:`/`blob:` URLs. */\nfunction basename(src: string): string | null {\n  if (/^(data|blob):/i.test(src)) return null;\n  const seg = src.split(/[?#]/, 1)[0].split(\"/\").pop();\n  return seg ? decodeURIComponent(seg) : null;\n}\n\n/**\n * Shown by `<MediaViewer>` when a source isn't a previewable media type — a\n * small themed card naming the file and offering a download.\n */\nexport function MediaFallback({ src, mime, label, className }: MediaFallbackProps) {\n  const name = label || basename(src);\n  return (\n    <div\n      data-react-fancy-media-fallback=\"\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-2 rounded-lg border border-zinc-200 bg-white p-6 text-center dark:border-zinc-700 dark:bg-zinc-900\",\n        className,\n      )}\n    >\n      <span className=\"text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n        No preview available\n      </span>\n      {(name || mime) && (\n        <span className=\"max-w-full truncate text-xs text-zinc-500 dark:text-zinc-400\">\n          {name}\n          {name && mime ? \" · \" : \"\"}\n          {mime}\n        </span>\n      )}\n      <a\n        href={src}\n        download={name ?? undefined}\n        className=\"text-xs font-medium text-blue-600 hover:underline dark:text-blue-400\"\n      >\n        Download\n      </a>\n    </div>\n  );\n}\n","import { forwardRef } from \"react\";\nimport { resolveMediaType } from \"../../utils/media-type\";\nimport { ImageViewer } from \"../ImageViewer\";\nimport { VideoViewer } from \"../VideoViewer\";\nimport { AudioViewer } from \"../AudioViewer\";\nimport { PdfViewer } from \"../PdfViewer\";\nimport { MediaFallback } from \"./MediaFallback\";\nimport type { MediaViewerProps } from \"./MediaViewer.types\";\n\n/**\n * Renders the right viewer for a media file, picked from its `mime` (preferred)\n * or `src` — image, video, audio, or PDF — and a download fallback for anything\n * else. SVG renders through `<ImageViewer>`. The single entry point for showing\n * a file from a tree/workspace when you don't know its type ahead of time.\n *\n * ```tsx\n * <MediaViewer src={url} mime=\"image/png\" alt=\"logo.png\" style={{ height: 320 }} />\n * ```\n */\nexport const MediaViewer = forwardRef<HTMLDivElement, MediaViewerProps>(\n  (\n    {\n      src,\n      mime,\n      alt,\n      kind,\n      imageProps,\n      videoProps,\n      audioProps,\n      pdfProps,\n      fallback,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const resolved = kind ?? resolveMediaType({ mime, src });\n\n    switch (resolved) {\n      case \"image\":\n        return (\n          <ImageViewer\n            ref={ref}\n            src={src}\n            alt={alt ?? \"\"}\n            onError={onError}\n            className={className}\n            style={style}\n            {...imageProps}\n          />\n        );\n      case \"video\":\n        return (\n          <VideoViewer\n            ref={ref}\n            src={src}\n            onError={onError}\n            className={className}\n            style={style}\n            {...videoProps}\n          />\n        );\n      case \"audio\":\n        return (\n          <AudioViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            onError={onError}\n            className={className}\n            style={style}\n            {...audioProps}\n          />\n        );\n      case \"pdf\":\n        return (\n          <PdfViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            className={className}\n            style={style}\n            {...pdfProps}\n          />\n        );\n      default:\n        return (\n          <div\n            ref={ref}\n            data-react-fancy-media-viewer=\"\"\n            className={className}\n            style={style}\n          >\n            {fallback ?? <MediaFallback src={src} mime={mime} label={alt} />}\n          </div>\n        );\n    }\n  },\n);\n\nMediaViewer.displayName = \"MediaViewer\";\n"]}

package/dist/{chunk-3ETOEEVN.cjs → chunk-I462NM2A.cjs}

@@ -11,6 +11,7 @@ var VideoViewer = react.forwardRef(
     controls = true,
     autoPlay = false,
     loop = false,
+    preload = "metadata",
     muted = false,
     fit = "contain",
     onError,
@@ -35,6 +36,7 @@ var VideoViewer = react.forwardRef(
           "video",
           {
             src,
+            preload,
             poster,
             controls,
             autoPlay,
@@ -58,5 +60,5 @@ var VideoViewer = react.forwardRef(
 VideoViewer.displayName = "VideoViewer";
 
 exports.VideoViewer = VideoViewer;
-//# sourceMappingURL=chunk-3ETOEEVN.cjs.map
-//# sourceMappingURL=chunk-3ETOEEVN.cjs.map
+//# sourceMappingURL=chunk-I462NM2A.cjs.map
+//# sourceMappingURL=chunk-I462NM2A.cjs.map

package/dist/chunk-I462NM2A.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/VideoViewer/VideoViewer.tsx"],"names":["forwardRef","useState","jsx","cn","jsxs"],"mappings":";;;;;;AAYO,IAAM,WAAA,GAAcA,gBAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA,GAAU,UAAA;AAAA,IACV,KAAA,GAAQ,KAAA;AAAA,IACR,GAAA,GAAM,SAAA;AAAA,IACN,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE5C,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAWC,oBAAA;AAAA,UACT,+EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA,OAAA,mBACCC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,qBAAA,EAAwB,CAAA;AAAA,0BACtDA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,GAAA,EAAI;AAAA,SAAA,EAChE,CAAA,mBAEAA,cAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,OAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAW,IAAA;AAAA,YACX,SAAS,MAAM;AACb,cAAA,UAAA,CAAW,IAAI,CAAA;AACf,cAAA,OAAA,IAAU;AAAA,YACZ,CAAA;AAAA,YACA,SAAA,EAAWC,oBAAA;AAAA,cACT,uBAAA;AAAA,cACA,GAAA,KAAQ,UAAU,4BAAA,GAA+B;AAAA;AACnD;AAAA;AACF;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-I462NM2A.cjs","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { VideoViewerProps } from \"./VideoViewer.types\";\n\n/**\n * A standalone video viewer — native controls, optional poster, fit-to-box, and\n * dark-aware framing. Renders for video sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <VideoViewer src=\"/clip.mp4\" poster=\"/clip.jpg\" style={{ height: 360 }} />\n * ```\n */\nexport const VideoViewer = forwardRef<HTMLDivElement, VideoViewerProps>(\n  (\n    {\n      src,\n      poster,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      preload = \"metadata\",\n      muted = false,\n      fit = \"contain\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-video-viewer=\"\"\n        className={cn(\n          \"relative flex items-center justify-center overflow-hidden rounded-md bg-black\",\n          className,\n        )}\n        style={style}\n      >\n        {errored ? (\n          <div className=\"flex flex-col items-center justify-center gap-1 p-4 text-center text-sm text-zinc-400\">\n            <span className=\"font-medium\">Couldn&apos;t load video</span>\n            <span className=\"max-w-full truncate text-xs opacity-70\">{src}</span>\n          </div>\n        ) : (\n          <video\n            src={src}\n            preload={preload}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className={cn(\n              \"max-h-full max-w-full\",\n              fit === \"cover\" ? \"h-full w-full object-cover\" : \"object-contain\",\n            )}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nVideoViewer.displayName = \"VideoViewer\";\n"]}

package/dist/{chunk-XBBEQLMY.cjs → chunk-M2S5GCXY.cjs}

@@ -180,6 +180,7 @@ function SidebarRoot({
   defaultCollapsed = false,
   onCollapsedChange,
   collapseMode = "icons",
+  embedded = false,
   className
 }) {
   const [collapsed, setCollapsed] = chunkOUOEQZHY_cjs.useControllableState(
@@ -192,9 +193,17 @@ function SidebarRoot({
     {
       "data-react-fancy-sidebar": "",
       "data-collapsed": collapsed || void 0,
+      "data-embedded": embedded || void 0,
       className: chunk3Z6ALUWP_cjs.cn(
-        "flex flex-col gap-0.5 border-r border-zinc-200 bg-white transition-[width] duration-200 dark:border-zinc-700 dark:bg-zinc-900",
-        collapsed ? "w-16" : "w-60",
+        "flex flex-col gap-0.5 transition-[width] duration-200",
+        // The app-shell chrome. Correct for the rail this is usually used as,
+        // and actively wrong inside a container that already draws its own —
+        // a 240px rail in a 300px card puts its right border 240px in, which
+        // reads as a stray line slicing the panel rather than an edge.
+        !embedded && "border-r border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900",
+        // Collapsed is a fixed icon rail either way; only the expanded width
+        // defers to the container.
+        collapsed ? "w-16" : embedded ? "w-full" : "w-60",
         className
       ),
       children
@@ -210,5 +219,5 @@ var Sidebar = Object.assign(SidebarRoot, {
 
 exports.Sidebar = Sidebar;
 exports.useSidebar = useSidebar;
-//# sourceMappingURL=chunk-XBBEQLMY.cjs.map
-//# sourceMappingURL=chunk-XBBEQLMY.cjs.map
+//# sourceMappingURL=chunk-M2S5GCXY.cjs.map
+//# sourceMappingURL=chunk-M2S5GCXY.cjs.map

package/dist/chunk-M2S5GCXY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/Sidebar.context.ts","../src/components/Sidebar/SidebarItem.tsx","../src/components/Sidebar/SidebarGroup.tsx","../src/components/Sidebar/SidebarSubmenu.tsx","../src/components/Sidebar/SidebarToggle.tsx","../src/components/Sidebar/Sidebar.tsx"],"names":["createContext","useContext","jsxs","cn","jsx","Fragment","getLetters","useState","ChevronDown","PanelLeftOpen","PanelLeftClose","useControllableState"],"mappings":"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","file":"chunk-M2S5GCXY.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SidebarContextValue } from \"./Sidebar.types\";\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport function useSidebar(): SidebarContextValue {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\"useSidebar must be used within a <Sidebar> component\");\n  }\n  return ctx;\n}\n","import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarItemProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a ReactNode if it's a string. */\nfunction getLetters(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children.slice(0, 3);\n  return \"...\";\n}\n\nexport function SidebarItem({\n  children,\n  href,\n  as: As,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  onClick,\n  className,\n  ...rest\n}: SidebarItemProps) {\n  const { collapsed, collapseMode } = useSidebar();\n\n  // Link mode engages on `href` OR `as` — a `to`-based router (TanStack Router,\n  // React Router) passes no href, and would otherwise render a <button> that\n  // navigates nowhere. `onClick` now rides along in link mode instead of being\n  // dropped: an item that both navigates and closes a drawer is the common case.\n  const isLink = Boolean(href || As);\n  const Tag = isLink ? ((As ?? \"a\") as ElementType) : \"button\";\n  const tagProps = isLink\n    ? { ...(href ? { href } : {}), onClick }\n    : { type: \"button\" as const, onClick };\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  const title = typeof children === \"string\" ? children : undefined;\n\n  return (\n    <Tag\n      {...tagProps}\n      {...rest}\n      data-react-fancy-sidebar-item=\"\"\n      data-active={active || undefined}\n      aria-current={active ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      title={collapsed ? title : undefined}\n      className={cn(\n        // `w-full` matters when the Tag is a <button>: form controls size to\n        // FIT-CONTENT, not to their parent, so a long label made the item wider\n        // than the sidebar and an ancestor clipped the overflow — which reads as\n        // a label cut off mid-word rather than an ellipsis. Without this,\n        // `min-w-0` on the label below can never engage, because the item is\n        // never under width pressure in the first place.\n        \"flex w-full items-center rounded-md text-sm font-medium transition-colors\",\n        \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500\",\n        collapsed ? \"justify-center px-2 py-2\" : \"gap-2 px-3 py-2\",\n        active\n          ? \"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100\"\n          : \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        disabled && \"pointer-events-none opacity-50\",\n        className,\n      )}\n    >\n      {showIconOnly && (\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n      )}\n      {showLetters && (\n        <span className=\"text-xs font-semibold uppercase\">{getLetters(children)}</span>\n      )}\n      {!collapsed && (\n        <>\n          {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n          {/*\n            `min-w-0` is load-bearing, not tidiness. A flex item defaults to\n            `min-width: auto`, which resolves to its MIN-CONTENT width — so with\n            `truncate` alone the span refuses to shrink below the full label,\n            and the item grows wider than the sidebar instead of ellipsing.\n            The overflow then gets clipped by an ancestor, which looks like a\n            mid-word cut rather than a truncation.\n\n            Only shows up with labels longer than the sidebar is wide, which is\n            why it survived: short nav labels never trigger it.\n          */}\n          <span className=\"min-w-0 flex-1 truncate text-left\">{children}</span>\n          {badge && <span className=\"shrink-0\">{badge}</span>}\n        </>\n      )}\n    </Tag>\n  );\n}\n\nSidebarItem.displayName = \"SidebarItem\";\n","import { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarGroupProps } from \"./Sidebar.types\";\n\nexport function SidebarGroup({ children, label, className }: SidebarGroupProps) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div data-react-fancy-sidebar-group=\"\" className={cn(\"py-1\", className)}>\n      {label && !collapsed && (\n        <p className=\"mb-1 px-3 text-xs font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500\">\n          {label}\n        </p>\n      )}\n      {label && collapsed && (\n        <div className=\"mx-auto mb-1 h-px w-6 bg-zinc-200 dark:bg-zinc-700\" />\n      )}\n      {children}\n    </div>\n  );\n}\n\nSidebarGroup.displayName = \"SidebarGroup\";\n","import { useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarSubmenuProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a string. */\nfunction getLetters(label: string): string {\n  return label.slice(0, 3);\n}\n\nexport function SidebarSubmenu({\n  children,\n  label,\n  icon,\n  defaultOpen = false,\n  className,\n}: SidebarSubmenuProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const { collapsed, collapseMode } = useSidebar();\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  // When collapsed, just show the icon/letters as a simple item (no expand)\n  if (collapsed) {\n    return (\n      <div\n        data-react-fancy-sidebar-submenu=\"\"\n        title={label}\n        className={cn(\n          \"flex items-center justify-center rounded-md px-2 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n          className,\n        )}\n      >\n        {showIconOnly && (\n          <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n        )}\n        {showLetters && (\n          <span className=\"text-xs font-semibold uppercase\">{getLetters(label)}</span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div data-react-fancy-sidebar-submenu=\"\" className={className}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className={cn(\n          \"flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        )}\n      >\n        {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n        <span className=\"flex-1 text-left\">{label}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 opacity-60 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200\",\n          open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n        )}\n      >\n        <div className=\"overflow-hidden\">\n          <div className=\"ml-4 border-l border-zinc-200 pl-2 pt-1 dark:border-zinc-700\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nSidebarSubmenu.displayName = \"SidebarSubmenu\";\n","import { PanelLeftClose, PanelLeftOpen } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarToggleProps } from \"./Sidebar.types\";\n\nexport function SidebarToggle({ className }: SidebarToggleProps) {\n  const { collapsed, setCollapsed } = useSidebar();\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-sidebar-toggle=\"\"\n      onClick={() => setCollapsed(!collapsed)}\n      title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n      className={cn(\n        \"flex items-center justify-center rounded-md p-1.5 text-zinc-400 transition-colors\",\n        \"hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300\",\n        className,\n      )}\n    >\n      {collapsed ? (\n        <PanelLeftOpen className=\"h-4 w-4\" />\n      ) : (\n        <PanelLeftClose className=\"h-4 w-4\" />\n      )}\n    </button>\n  );\n}\n\nSidebarToggle.displayName = \"SidebarToggle\";\n","import { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks\";\nimport { SidebarContext } from \"./Sidebar.context\";\nimport { SidebarItem } from \"./SidebarItem\";\nimport { SidebarGroup } from \"./SidebarGroup\";\nimport { SidebarSubmenu } from \"./SidebarSubmenu\";\nimport { SidebarToggle } from \"./SidebarToggle\";\nimport type { SidebarProps } from \"./Sidebar.types\";\n\nfunction SidebarRoot({\n  children,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  collapseMode = \"icons\",\n  embedded = false,\n  className,\n}: SidebarProps) {\n  const [collapsed, setCollapsed] = useControllableState(\n    controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n  );\n\n  return (\n    <SidebarContext.Provider value={{ collapsed, collapseMode, setCollapsed }}>\n      <aside\n        data-react-fancy-sidebar=\"\"\n        data-collapsed={collapsed || undefined}\n        data-embedded={embedded || undefined}\n        className={cn(\n          \"flex flex-col gap-0.5 transition-[width] duration-200\",\n          // The app-shell chrome. Correct for the rail this is usually used as,\n          // and actively wrong inside a container that already draws its own —\n          // a 240px rail in a 300px card puts its right border 240px in, which\n          // reads as a stray line slicing the panel rather than an edge.\n          !embedded && \"border-r border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n          // Collapsed is a fixed icon rail either way; only the expanded width\n          // defers to the container.\n          collapsed ? \"w-16\" : embedded ? \"w-full\" : \"w-60\",\n          className,\n        )}\n      >\n        {children}\n      </aside>\n    </SidebarContext.Provider>\n  );\n}\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Item: SidebarItem,\n  Group: SidebarGroup,\n  Submenu: SidebarSubmenu,\n  Toggle: SidebarToggle,\n});\n"]}

package/dist/{chunk-J3XS4HHX.js → chunk-QWSTG5MF.js}

@@ -1,7 +1,7 @@
-import { VideoViewer } from './chunk-JKO2Y5SH.js';
+import { VideoViewer } from './chunk-YVDAXYHP.js';
 import { PdfViewer } from './chunk-DZD2RJVD.js';
 import { ImageViewer } from './chunk-A3CNYKT3.js';
-import { AudioViewer } from './chunk-EIBW5YLS.js';
+import { AudioViewer } from './chunk-74ZN5CNE.js';
 import { cn } from './chunk-DSUHZO6T.js';
 import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -226,5 +226,5 @@ var MediaViewer = forwardRef(
 MediaViewer.displayName = "MediaViewer";
 
 export { MediaViewer, resolveMediaType };
-//# sourceMappingURL=chunk-J3XS4HHX.js.map
-//# sourceMappingURL=chunk-J3XS4HHX.js.map
+//# sourceMappingURL=chunk-QWSTG5MF.js.map
+//# sourceMappingURL=chunk-QWSTG5MF.js.map

package/dist/{chunk-J3XS4HHX.js.map → chunk-QWSTG5MF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/media-type.ts","../src/components/MediaViewer/MediaFallback.tsx","../src/components/MediaViewer/MediaViewer.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-J3XS4HHX.js","sourcesContent":["/**\n * Resolve what kind of media a source is, from its MIME type (preferred) or its\n * URL — a file extension, or the type embedded in a `data:` URI.\n *\n * Shared by `<MediaViewer>` to pick the right per-type viewer, and exported so\n * downstream packages (e.g. fancy-code's file viewer) can make the same\n * text-vs-media decision without re-deriving the table.\n */\n\nexport type MediaKind = \"image\" | \"video\" | \"audio\" | \"pdf\" | \"unknown\";\n\nexport interface ResolveMediaTypeInput {\n  /** MIME type — preferred when known (e.g. `\"image/png\"`, `\"video/mp4\"`). */\n  mime?: string | null;\n  /**\n   * Source URL — used to sniff the kind from a file extension, or from the type\n   * embedded in a `data:` URI, when no `mime` is given. `http(s):` / `data:` /\n   * `blob:` are all accepted (a bare `blob:` URL carries no type, so pass\n   * `mime` alongside it).\n   */\n  src?: string | null;\n}\n\nconst IMAGE_EXTS = new Set([\n  \"png\", \"jpg\", \"jpeg\", \"jfif\", \"pjpeg\", \"gif\", \"webp\", \"avif\", \"bmp\", \"ico\",\n  \"cur\", \"svg\", \"svgz\", \"apng\", \"tif\", \"tiff\", \"heic\", \"heif\",\n]);\nconst VIDEO_EXTS = new Set([\n  \"mp4\", \"m4v\", \"webm\", \"ogv\", \"ogm\", \"mov\", \"mkv\", \"avi\", \"wmv\", \"flv\", \"3gp\",\n  \"3g2\", \"mpg\", \"mpeg\",\n]);\nconst AUDIO_EXTS = new Set([\n  \"mp3\", \"wav\", \"wave\", \"ogg\", \"oga\", \"m4a\", \"m4b\", \"aac\", \"flac\", \"opus\",\n  \"weba\", \"mid\", \"midi\", \"aiff\", \"aif\",\n]);\n\n/** Map a (possibly parameterized) MIME type to a media kind. */\nfunction mimeToKind(mime: string): MediaKind {\n  // Strip any parameters (`; charset=…`) and normalize.\n  const m = mime.toLowerCase().split(\";\")[0].trim();\n  if (!m) return \"unknown\";\n  if (m === \"application/pdf\" || m === \"application/x-pdf\") return \"pdf\";\n  if (m.startsWith(\"image/\")) return \"image\";\n  if (m.startsWith(\"video/\")) return \"video\";\n  if (m.startsWith(\"audio/\")) return \"audio\";\n  // `application/ogg` is audio in practice; treat it as such.\n  if (m === \"application/ogg\") return \"audio\";\n  return \"unknown\";\n}\n\n/** Map a bare file extension (no leading dot) to a media kind. */\nfunction extToKind(ext: string): MediaKind {\n  const e = ext.toLowerCase();\n  if (e === \"pdf\") return \"pdf\";\n  if (IMAGE_EXTS.has(e)) return \"image\";\n  if (VIDEO_EXTS.has(e)) return \"video\";\n  if (AUDIO_EXTS.has(e)) return \"audio\";\n  return \"unknown\";\n}\n\n/** Pull the file extension out of a URL, ignoring its query/hash. */\nfunction extFromSrc(src: string): string | null {\n  const clean = src.split(/[?#]/, 1)[0];\n  const lastSeg = clean.split(\"/\").pop() ?? \"\";\n  const dot = lastSeg.lastIndexOf(\".\");\n  if (dot <= 0 || dot === lastSeg.length - 1) return null;\n  return lastSeg.slice(dot + 1);\n}\n\n/** Extract the MIME type embedded in a `data:` URI, if present. */\nfunction mimeFromDataUri(src: string): string | null {\n  if (!/^data:/i.test(src)) return null;\n  const header = src.slice(5).split(\",\", 1)[0]; // text after `data:`, before the comma\n  const mt = header.split(\";\")[0].trim();\n  return mt || null;\n}\n\n/**\n * Resolve a {@link MediaKind} from a MIME type and/or source URL. MIME wins\n * when it's conclusive; otherwise the `src` is sniffed (a `data:` URI's\n * embedded type first, then the file extension). Returns `\"unknown\"` when\n * nothing matches — callers treat that as \"not previewable media\" (e.g. text).\n */\nexport function resolveMediaType({ mime, src }: ResolveMediaTypeInput): MediaKind {\n  if (mime) {\n    const k = mimeToKind(mime);\n    if (k !== \"unknown\") return k;\n  }\n  if (src) {\n    const dataMime = mimeFromDataUri(src);\n    if (dataMime) {\n      const k = mimeToKind(dataMime);\n      if (k !== \"unknown\") return k;\n    }\n    const ext = extFromSrc(src);\n    if (ext) return extToKind(ext);\n  }\n  return \"unknown\";\n}\n","import { cn } from \"../../utils/cn\";\n\ninterface MediaFallbackProps {\n  src: string;\n  mime?: string;\n  label?: string;\n  className?: string;\n}\n\n/** Filename guess from a URL, ignoring query/hash and `data:`/`blob:` URLs. */\nfunction basename(src: string): string | null {\n  if (/^(data|blob):/i.test(src)) return null;\n  const seg = src.split(/[?#]/, 1)[0].split(\"/\").pop();\n  return seg ? decodeURIComponent(seg) : null;\n}\n\n/**\n * Shown by `<MediaViewer>` when a source isn't a previewable media type — a\n * small themed card naming the file and offering a download.\n */\nexport function MediaFallback({ src, mime, label, className }: MediaFallbackProps) {\n  const name = label || basename(src);\n  return (\n    <div\n      data-react-fancy-media-fallback=\"\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-2 rounded-lg border border-zinc-200 bg-white p-6 text-center dark:border-zinc-700 dark:bg-zinc-900\",\n        className,\n      )}\n    >\n      <span className=\"text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n        No preview available\n      </span>\n      {(name || mime) && (\n        <span className=\"max-w-full truncate text-xs text-zinc-500 dark:text-zinc-400\">\n          {name}\n          {name && mime ? \" · \" : \"\"}\n          {mime}\n        </span>\n      )}\n      <a\n        href={src}\n        download={name ?? undefined}\n        className=\"text-xs font-medium text-blue-600 hover:underline dark:text-blue-400\"\n      >\n        Download\n      </a>\n    </div>\n  );\n}\n","import { forwardRef } from \"react\";\nimport { resolveMediaType } from \"../../utils/media-type\";\nimport { ImageViewer } from \"../ImageViewer\";\nimport { VideoViewer } from \"../VideoViewer\";\nimport { AudioViewer } from \"../AudioViewer\";\nimport { PdfViewer } from \"../PdfViewer\";\nimport { MediaFallback } from \"./MediaFallback\";\nimport type { MediaViewerProps } from \"./MediaViewer.types\";\n\n/**\n * Renders the right viewer for a media file, picked from its `mime` (preferred)\n * or `src` — image, video, audio, or PDF — and a download fallback for anything\n * else. SVG renders through `<ImageViewer>`. The single entry point for showing\n * a file from a tree/workspace when you don't know its type ahead of time.\n *\n * ```tsx\n * <MediaViewer src={url} mime=\"image/png\" alt=\"logo.png\" style={{ height: 320 }} />\n * ```\n */\nexport const MediaViewer = forwardRef<HTMLDivElement, MediaViewerProps>(\n  (\n    {\n      src,\n      mime,\n      alt,\n      kind,\n      imageProps,\n      videoProps,\n      audioProps,\n      pdfProps,\n      fallback,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const resolved = kind ?? resolveMediaType({ mime, src });\n\n    switch (resolved) {\n      case \"image\":\n        return (\n          <ImageViewer\n            ref={ref}\n            src={src}\n            alt={alt ?? \"\"}\n            onError={onError}\n            className={className}\n            style={style}\n            {...imageProps}\n          />\n        );\n      case \"video\":\n        return (\n          <VideoViewer\n            ref={ref}\n            src={src}\n            onError={onError}\n            className={className}\n            style={style}\n            {...videoProps}\n          />\n        );\n      case \"audio\":\n        return (\n          <AudioViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            onError={onError}\n            className={className}\n            style={style}\n            {...audioProps}\n          />\n        );\n      case \"pdf\":\n        return (\n          <PdfViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            className={className}\n            style={style}\n            {...pdfProps}\n          />\n        );\n      default:\n        return (\n          <div\n            ref={ref}\n            data-react-fancy-media-viewer=\"\"\n            className={className}\n            style={style}\n          >\n            {fallback ?? <MediaFallback src={src} mime={mime} label={alt} />}\n          </div>\n        );\n    }\n  },\n);\n\nMediaViewer.displayName = \"MediaViewer\";\n"]}
+{"version":3,"sources":["../src/utils/media-type.ts","../src/components/MediaViewer/MediaFallback.tsx","../src/components/MediaViewer/MediaViewer.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-QWSTG5MF.js","sourcesContent":["/**\n * Resolve what kind of media a source is, from its MIME type (preferred) or its\n * URL — a file extension, or the type embedded in a `data:` URI.\n *\n * Shared by `<MediaViewer>` to pick the right per-type viewer, and exported so\n * downstream packages (e.g. fancy-code's file viewer) can make the same\n * text-vs-media decision without re-deriving the table.\n */\n\nexport type MediaKind = \"image\" | \"video\" | \"audio\" | \"pdf\" | \"unknown\";\n\nexport interface ResolveMediaTypeInput {\n  /** MIME type — preferred when known (e.g. `\"image/png\"`, `\"video/mp4\"`). */\n  mime?: string | null;\n  /**\n   * Source URL — used to sniff the kind from a file extension, or from the type\n   * embedded in a `data:` URI, when no `mime` is given. `http(s):` / `data:` /\n   * `blob:` are all accepted (a bare `blob:` URL carries no type, so pass\n   * `mime` alongside it).\n   */\n  src?: string | null;\n}\n\nconst IMAGE_EXTS = new Set([\n  \"png\", \"jpg\", \"jpeg\", \"jfif\", \"pjpeg\", \"gif\", \"webp\", \"avif\", \"bmp\", \"ico\",\n  \"cur\", \"svg\", \"svgz\", \"apng\", \"tif\", \"tiff\", \"heic\", \"heif\",\n]);\nconst VIDEO_EXTS = new Set([\n  \"mp4\", \"m4v\", \"webm\", \"ogv\", \"ogm\", \"mov\", \"mkv\", \"avi\", \"wmv\", \"flv\", \"3gp\",\n  \"3g2\", \"mpg\", \"mpeg\",\n]);\nconst AUDIO_EXTS = new Set([\n  \"mp3\", \"wav\", \"wave\", \"ogg\", \"oga\", \"m4a\", \"m4b\", \"aac\", \"flac\", \"opus\",\n  \"weba\", \"mid\", \"midi\", \"aiff\", \"aif\",\n]);\n\n/** Map a (possibly parameterized) MIME type to a media kind. */\nfunction mimeToKind(mime: string): MediaKind {\n  // Strip any parameters (`; charset=…`) and normalize.\n  const m = mime.toLowerCase().split(\";\")[0].trim();\n  if (!m) return \"unknown\";\n  if (m === \"application/pdf\" || m === \"application/x-pdf\") return \"pdf\";\n  if (m.startsWith(\"image/\")) return \"image\";\n  if (m.startsWith(\"video/\")) return \"video\";\n  if (m.startsWith(\"audio/\")) return \"audio\";\n  // `application/ogg` is audio in practice; treat it as such.\n  if (m === \"application/ogg\") return \"audio\";\n  return \"unknown\";\n}\n\n/** Map a bare file extension (no leading dot) to a media kind. */\nfunction extToKind(ext: string): MediaKind {\n  const e = ext.toLowerCase();\n  if (e === \"pdf\") return \"pdf\";\n  if (IMAGE_EXTS.has(e)) return \"image\";\n  if (VIDEO_EXTS.has(e)) return \"video\";\n  if (AUDIO_EXTS.has(e)) return \"audio\";\n  return \"unknown\";\n}\n\n/** Pull the file extension out of a URL, ignoring its query/hash. */\nfunction extFromSrc(src: string): string | null {\n  const clean = src.split(/[?#]/, 1)[0];\n  const lastSeg = clean.split(\"/\").pop() ?? \"\";\n  const dot = lastSeg.lastIndexOf(\".\");\n  if (dot <= 0 || dot === lastSeg.length - 1) return null;\n  return lastSeg.slice(dot + 1);\n}\n\n/** Extract the MIME type embedded in a `data:` URI, if present. */\nfunction mimeFromDataUri(src: string): string | null {\n  if (!/^data:/i.test(src)) return null;\n  const header = src.slice(5).split(\",\", 1)[0]; // text after `data:`, before the comma\n  const mt = header.split(\";\")[0].trim();\n  return mt || null;\n}\n\n/**\n * Resolve a {@link MediaKind} from a MIME type and/or source URL. MIME wins\n * when it's conclusive; otherwise the `src` is sniffed (a `data:` URI's\n * embedded type first, then the file extension). Returns `\"unknown\"` when\n * nothing matches — callers treat that as \"not previewable media\" (e.g. text).\n */\nexport function resolveMediaType({ mime, src }: ResolveMediaTypeInput): MediaKind {\n  if (mime) {\n    const k = mimeToKind(mime);\n    if (k !== \"unknown\") return k;\n  }\n  if (src) {\n    const dataMime = mimeFromDataUri(src);\n    if (dataMime) {\n      const k = mimeToKind(dataMime);\n      if (k !== \"unknown\") return k;\n    }\n    const ext = extFromSrc(src);\n    if (ext) return extToKind(ext);\n  }\n  return \"unknown\";\n}\n","import { cn } from \"../../utils/cn\";\n\ninterface MediaFallbackProps {\n  src: string;\n  mime?: string;\n  label?: string;\n  className?: string;\n}\n\n/** Filename guess from a URL, ignoring query/hash and `data:`/`blob:` URLs. */\nfunction basename(src: string): string | null {\n  if (/^(data|blob):/i.test(src)) return null;\n  const seg = src.split(/[?#]/, 1)[0].split(\"/\").pop();\n  return seg ? decodeURIComponent(seg) : null;\n}\n\n/**\n * Shown by `<MediaViewer>` when a source isn't a previewable media type — a\n * small themed card naming the file and offering a download.\n */\nexport function MediaFallback({ src, mime, label, className }: MediaFallbackProps) {\n  const name = label || basename(src);\n  return (\n    <div\n      data-react-fancy-media-fallback=\"\"\n      className={cn(\n        \"flex flex-col items-center justify-center gap-2 rounded-lg border border-zinc-200 bg-white p-6 text-center dark:border-zinc-700 dark:bg-zinc-900\",\n        className,\n      )}\n    >\n      <span className=\"text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n        No preview available\n      </span>\n      {(name || mime) && (\n        <span className=\"max-w-full truncate text-xs text-zinc-500 dark:text-zinc-400\">\n          {name}\n          {name && mime ? \" · \" : \"\"}\n          {mime}\n        </span>\n      )}\n      <a\n        href={src}\n        download={name ?? undefined}\n        className=\"text-xs font-medium text-blue-600 hover:underline dark:text-blue-400\"\n      >\n        Download\n      </a>\n    </div>\n  );\n}\n","import { forwardRef } from \"react\";\nimport { resolveMediaType } from \"../../utils/media-type\";\nimport { ImageViewer } from \"../ImageViewer\";\nimport { VideoViewer } from \"../VideoViewer\";\nimport { AudioViewer } from \"../AudioViewer\";\nimport { PdfViewer } from \"../PdfViewer\";\nimport { MediaFallback } from \"./MediaFallback\";\nimport type { MediaViewerProps } from \"./MediaViewer.types\";\n\n/**\n * Renders the right viewer for a media file, picked from its `mime` (preferred)\n * or `src` — image, video, audio, or PDF — and a download fallback for anything\n * else. SVG renders through `<ImageViewer>`. The single entry point for showing\n * a file from a tree/workspace when you don't know its type ahead of time.\n *\n * ```tsx\n * <MediaViewer src={url} mime=\"image/png\" alt=\"logo.png\" style={{ height: 320 }} />\n * ```\n */\nexport const MediaViewer = forwardRef<HTMLDivElement, MediaViewerProps>(\n  (\n    {\n      src,\n      mime,\n      alt,\n      kind,\n      imageProps,\n      videoProps,\n      audioProps,\n      pdfProps,\n      fallback,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const resolved = kind ?? resolveMediaType({ mime, src });\n\n    switch (resolved) {\n      case \"image\":\n        return (\n          <ImageViewer\n            ref={ref}\n            src={src}\n            alt={alt ?? \"\"}\n            onError={onError}\n            className={className}\n            style={style}\n            {...imageProps}\n          />\n        );\n      case \"video\":\n        return (\n          <VideoViewer\n            ref={ref}\n            src={src}\n            onError={onError}\n            className={className}\n            style={style}\n            {...videoProps}\n          />\n        );\n      case \"audio\":\n        return (\n          <AudioViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            onError={onError}\n            className={className}\n            style={style}\n            {...audioProps}\n          />\n        );\n      case \"pdf\":\n        return (\n          <PdfViewer\n            ref={ref}\n            src={src}\n            title={alt}\n            className={className}\n            style={style}\n            {...pdfProps}\n          />\n        );\n      default:\n        return (\n          <div\n            ref={ref}\n            data-react-fancy-media-viewer=\"\"\n            className={className}\n            style={style}\n          >\n            {fallback ?? <MediaFallback src={src} mime={mime} label={alt} />}\n          </div>\n        );\n    }\n  },\n);\n\nMediaViewer.displayName = \"MediaViewer\";\n"]}

package/dist/{chunk-JKO2Y5SH.js → chunk-YVDAXYHP.js}

@@ -9,6 +9,7 @@ var VideoViewer = forwardRef(
     controls = true,
     autoPlay = false,
     loop = false,
+    preload = "metadata",
     muted = false,
     fit = "contain",
     onError,
@@ -33,6 +34,7 @@ var VideoViewer = forwardRef(
           "video",
           {
             src,
+            preload,
             poster,
             controls,
             autoPlay,
@@ -56,5 +58,5 @@ var VideoViewer = forwardRef(
 VideoViewer.displayName = "VideoViewer";
 
 export { VideoViewer };
-//# sourceMappingURL=chunk-JKO2Y5SH.js.map
-//# sourceMappingURL=chunk-JKO2Y5SH.js.map
+//# sourceMappingURL=chunk-YVDAXYHP.js.map
+//# sourceMappingURL=chunk-YVDAXYHP.js.map

package/dist/chunk-YVDAXYHP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/VideoViewer/VideoViewer.tsx"],"names":[],"mappings":";;;;AAYO,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA,GAAU,UAAA;AAAA,IACV,KAAA,GAAQ,KAAA;AAAA,IACR,GAAA,GAAM,SAAA;AAAA,IACN,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAW,EAAA;AAAA,UACT,+EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA,OAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,qBAAA,EAAwB,CAAA;AAAA,0BACtD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,GAAA,EAAI;AAAA,SAAA,EAChE,CAAA,mBAEA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,OAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAW,IAAA;AAAA,YACX,SAAS,MAAM;AACb,cAAA,UAAA,CAAW,IAAI,CAAA;AACf,cAAA,OAAA,IAAU;AAAA,YACZ,CAAA;AAAA,YACA,SAAA,EAAW,EAAA;AAAA,cACT,uBAAA;AAAA,cACA,GAAA,KAAQ,UAAU,4BAAA,GAA+B;AAAA;AACnD;AAAA;AACF;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-YVDAXYHP.js","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { VideoViewerProps } from \"./VideoViewer.types\";\n\n/**\n * A standalone video viewer — native controls, optional poster, fit-to-box, and\n * dark-aware framing. Renders for video sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <VideoViewer src=\"/clip.mp4\" poster=\"/clip.jpg\" style={{ height: 360 }} />\n * ```\n */\nexport const VideoViewer = forwardRef<HTMLDivElement, VideoViewerProps>(\n  (\n    {\n      src,\n      poster,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      preload = \"metadata\",\n      muted = false,\n      fit = \"contain\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-video-viewer=\"\"\n        className={cn(\n          \"relative flex items-center justify-center overflow-hidden rounded-md bg-black\",\n          className,\n        )}\n        style={style}\n      >\n        {errored ? (\n          <div className=\"flex flex-col items-center justify-center gap-1 p-4 text-center text-sm text-zinc-400\">\n            <span className=\"font-medium\">Couldn&apos;t load video</span>\n            <span className=\"max-w-full truncate text-xs opacity-70\">{src}</span>\n          </div>\n        ) : (\n          <video\n            src={src}\n            preload={preload}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className={cn(\n              \"max-h-full max-w-full\",\n              fit === \"cover\" ? \"h-full w-full object-cover\" : \"object-contain\",\n            )}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nVideoViewer.displayName = \"VideoViewer\";\n"]}

package/dist/{index-B71wa9AW.d.cts → index-CgPpIw_O.d.cts}

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 import { I as ImageViewerProps } from './ImageViewer.types-BaqlDeuo.cjs';
-import { V as VideoViewerProps } from './VideoViewer.types-CTwS6PcM.cjs';
-import { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.cjs';
+import { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.cjs';
+import { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.cjs';
 import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.cjs';
 
 /**

package/dist/{index-bIntFOl5.d.ts → index-IeivGsNg.d.ts}

@@ -1,8 +1,8 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 import { I as ImageViewerProps } from './ImageViewer.types-BaqlDeuo.js';
-import { V as VideoViewerProps } from './VideoViewer.types-CTwS6PcM.js';
-import { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.js';
+import { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.js';
+import { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.js';
 import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.js';
 
 /**

package/dist/index.cjs

@@ -17,7 +17,7 @@ require('./chunk-QGPMVFZJ.cjs');
 var chunkIGU5YXRV_cjs = require('./chunk-IGU5YXRV.cjs');
 var chunkWXADO5TS_cjs = require('./chunk-WXADO5TS.cjs');
 require('./chunk-HXLSEBAL.cjs');
-var chunkXBBEQLMY_cjs = require('./chunk-XBBEQLMY.cjs');
+var chunkM2S5GCXY_cjs = require('./chunk-M2S5GCXY.cjs');
 var chunkANEX75DF_cjs = require('./chunk-ANEX75DF.cjs');
 var chunkGIDW3SUE_cjs = require('./chunk-GIDW3SUE.cjs');
 var chunk5LHG7HEY_cjs = require('./chunk-5LHG7HEY.cjs');
@@ -55,8 +55,8 @@ var chunk6BW5BQMN_cjs = require('./chunk-6BW5BQMN.cjs');
 var chunkPPLR2DNC_cjs = require('./chunk-PPLR2DNC.cjs');
 require('./chunk-YLGTDBB2.cjs');
 var chunkORPYY2MO_cjs = require('./chunk-ORPYY2MO.cjs');
-var chunkKE7KXY5C_cjs = require('./chunk-KE7KXY5C.cjs');
-var chunk3ETOEEVN_cjs = require('./chunk-3ETOEEVN.cjs');
+var chunkBWTFK2GV_cjs = require('./chunk-BWTFK2GV.cjs');
+var chunkI462NM2A_cjs = require('./chunk-I462NM2A.cjs');
 var chunkJHEM6IGT_cjs = require('./chunk-JHEM6IGT.cjs');
 var chunkEERAEPQO_cjs = require('./chunk-EERAEPQO.cjs');
 var chunkKUKYJZIU_cjs = require('./chunk-KUKYJZIU.cjs');
@@ -106,7 +106,7 @@ var chunkKC6QBKKB_cjs = require('./chunk-KC6QBKKB.cjs');
 var chunk2PELJ4VA_cjs = require('./chunk-2PELJ4VA.cjs');
 var chunkCZZH45GQ_cjs = require('./chunk-CZZH45GQ.cjs');
 var chunkJPTWZ3RF_cjs = require('./chunk-JPTWZ3RF.cjs');
-var chunk3GRC5J2L_cjs = require('./chunk-3GRC5J2L.cjs');
+var chunk3MHVFEIP_cjs = require('./chunk-3MHVFEIP.cjs');
 var chunkIF25CE6S_cjs = require('./chunk-IF25CE6S.cjs');
 var chunkJ2DI6RMR_cjs = require('./chunk-J2DI6RMR.cjs');
 require('./chunk-KJ22KE56.cjs');
@@ -178,11 +178,11 @@ Object.defineProperty(exports, "RadioGroup", {
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkXBBEQLMY_cjs.Sidebar; }
+  get: function () { return chunkM2S5GCXY_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "useSidebar", {
   enumerable: true,
-  get: function () { return chunkXBBEQLMY_cjs.useSidebar; }
+  get: function () { return chunkM2S5GCXY_cjs.useSidebar; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
@@ -390,15 +390,15 @@ Object.defineProperty(exports, "Marquee", {
 });
 Object.defineProperty(exports, "MediaViewer", {
   enumerable: true,
-  get: function () { return chunkKE7KXY5C_cjs.MediaViewer; }
+  get: function () { return chunkBWTFK2GV_cjs.MediaViewer; }
 });
 Object.defineProperty(exports, "resolveMediaType", {
   enumerable: true,
-  get: function () { return chunkKE7KXY5C_cjs.resolveMediaType; }
+  get: function () { return chunkBWTFK2GV_cjs.resolveMediaType; }
 });
 Object.defineProperty(exports, "VideoViewer", {
   enumerable: true,
-  get: function () { return chunk3ETOEEVN_cjs.VideoViewer; }
+  get: function () { return chunkI462NM2A_cjs.VideoViewer; }
 });
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
@@ -738,7 +738,7 @@ Object.defineProperty(exports, "useAccordionSection", {
 });
 Object.defineProperty(exports, "AudioViewer", {
   enumerable: true,
-  get: function () { return chunk3GRC5J2L_cjs.AudioViewer; }
+  get: function () { return chunk3MHVFEIP_cjs.AudioViewer; }
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,

package/dist/index.d.cts

@@ -77,7 +77,7 @@ export { Kanban, KanbanCardMoveHandler, KanbanCardProps, KanbanColumnHandleProps
 export { DropPosition, TreeNav, TreeNavContextValue, TreeNavProps, TreeNodeData, TreeNodeProps, useTreeNav } from './tree-nav.cjs';
 export { FileBrowser, FileBrowserContextValue, FileBrowserNewFolder, FileBrowserNodeProps, FileBrowserPathBarProps, FileBrowserProps, FileBrowserProvider, FileBrowserRow, FileBrowserToolbarProps, FileBrowserTreeProps, FileEntry, FileKind, FileLoadStatus, FileSelectMode, FileSnapshotNode, FileSort, FileSortDirection, FileSortField, useFileBrowser, validateFolderName } from './file-browser.cjs';
 import { ClassValue } from 'clsx';
-export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-B71wa9AW.cjs';
+export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-CgPpIw_O.cjs';
 import { P as Placement } from './types-8Sv0rCjw.cjs';
 export { A as ActionColor, B as ButtonColor, C as Color, S as Size, V as Variant } from './types-8Sv0rCjw.cjs';
 import { RefObject } from 'react';
@@ -90,9 +90,9 @@ export { MagicWand, MagicWandAction, MagicWandAppearance, MagicWandProps, MagicW
 export { ImageViewer } from './image-viewer.cjs';
 export { I as ImageViewerProps, a as ImageViewerViewport } from './ImageViewer.types-BaqlDeuo.cjs';
 export { VideoViewer } from './video-viewer.cjs';
-export { V as VideoViewerProps } from './VideoViewer.types-CTwS6PcM.cjs';
+export { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.cjs';
 export { AudioViewer } from './audio-viewer.cjs';
-export { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.cjs';
+export { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.cjs';
 export { PdfViewer } from './pdf-viewer.cjs';
 export { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.cjs';
 export { J as JSON_FIELD_TYPES, a as JsonArray, b as JsonEditor, c as JsonEditorActivity, d as JsonEditorEdit, e as JsonEditorIssue, f as JsonEditorNode, g as JsonEditorPendingEdit, h as JsonEditorProps, i as JsonFieldType, j as JsonKeyMapEntry, k as JsonKeyRule, l as JsonObject, m as JsonPath, n as JsonPrimitive, o as JsonValue, P as ParsedKeyMap, p as applyJsonEdit, q as describeEdit, r as findJsonConflicts, s as getAtPath, t as inferType, u as parseKeyMap, v as parsePath, w as pathToString, x as resolveKeyRule, y as typeMatches } from './index-BypPN_6l.cjs';

package/dist/index.d.ts

@@ -77,7 +77,7 @@ export { Kanban, KanbanCardMoveHandler, KanbanCardProps, KanbanColumnHandleProps
 export { DropPosition, TreeNav, TreeNavContextValue, TreeNavProps, TreeNodeData, TreeNodeProps, useTreeNav } from './tree-nav.js';
 export { FileBrowser, FileBrowserContextValue, FileBrowserNewFolder, FileBrowserNodeProps, FileBrowserPathBarProps, FileBrowserProps, FileBrowserProvider, FileBrowserRow, FileBrowserToolbarProps, FileBrowserTreeProps, FileEntry, FileKind, FileLoadStatus, FileSelectMode, FileSnapshotNode, FileSort, FileSortDirection, FileSortField, useFileBrowser, validateFolderName } from './file-browser.js';
 import { ClassValue } from 'clsx';
-export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-bIntFOl5.js';
+export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-IeivGsNg.js';
 import { P as Placement } from './types-8Sv0rCjw.js';
 export { A as ActionColor, B as ButtonColor, C as Color, S as Size, V as Variant } from './types-8Sv0rCjw.js';
 import { RefObject } from 'react';
@@ -90,9 +90,9 @@ export { MagicWand, MagicWandAction, MagicWandAppearance, MagicWandProps, MagicW
 export { ImageViewer } from './image-viewer.js';
 export { I as ImageViewerProps, a as ImageViewerViewport } from './ImageViewer.types-BaqlDeuo.js';
 export { VideoViewer } from './video-viewer.js';
-export { V as VideoViewerProps } from './VideoViewer.types-CTwS6PcM.js';
+export { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.js';
 export { AudioViewer } from './audio-viewer.js';
-export { A as AudioViewerProps } from './AudioViewer.types-VWhRx6XG.js';
+export { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.js';
 export { PdfViewer } from './pdf-viewer.js';
 export { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.js';
 export { J as JSON_FIELD_TYPES, a as JsonArray, b as JsonEditor, c as JsonEditorActivity, d as JsonEditorEdit, e as JsonEditorIssue, f as JsonEditorNode, g as JsonEditorPendingEdit, h as JsonEditorProps, i as JsonFieldType, j as JsonKeyMapEntry, k as JsonKeyRule, l as JsonObject, m as JsonPath, n as JsonPrimitive, o as JsonValue, P as ParsedKeyMap, p as applyJsonEdit, q as describeEdit, r as findJsonConflicts, s as getAtPath, t as inferType, u as parseKeyMap, v as parsePath, w as pathToString, x as resolveKeyRule, y as typeMatches } from './index-BfFk-CIv.js';

package/dist/index.js

@@ -15,7 +15,7 @@ import './chunk-SHDSKHCC.js';
 export { MultiSwitch } from './chunk-ZT36VWIA.js';
 export { RadioGroup } from './chunk-JYKZKSZJ.js';
 import './chunk-GNHQVPZP.js';
-export { Sidebar, useSidebar } from './chunk-N7WQ53US.js';
+export { Sidebar, useSidebar } from './chunk-4CM2VMLR.js';
 export { Skeleton } from './chunk-AGDW5ENV.js';
 export { Stat, StatBand } from './chunk-ESKVRRVA.js';
 export { StatList } from './chunk-3F66SAE7.js';
@@ -53,8 +53,8 @@ export { DisplayValue } from './chunk-K7JGOQJG.js';
 export { Field } from './chunk-3DJGPNUI.js';
 import './chunk-GFYSELJF.js';
 export { Marquee } from './chunk-ATFXU6R6.js';
-export { MediaViewer, resolveMediaType } from './chunk-J3XS4HHX.js';
-export { VideoViewer } from './chunk-JKO2Y5SH.js';
+export { MediaViewer, resolveMediaType } from './chunk-QWSTG5MF.js';
+export { VideoViewer } from './chunk-YVDAXYHP.js';
 export { PdfViewer } from './chunk-DZD2RJVD.js';
 export { Menu, useMenu } from './chunk-IGYIMS6J.js';
 export { MobileMenu, useMobileMenu } from './chunk-F6SCZCJE.js';
@@ -104,7 +104,7 @@ export { Card } from './chunk-NH7NRRII.js';
 export { Carousel, useCarousel } from './chunk-HG6XUJOT.js';
 export { Accordion, useAccordion } from './chunk-AKIUDPJU.js';
 export { AccordionPanel, AccordionPanelContent, AccordionPanelSection, AccordionPanelTrigger, useAccordionPanel, useAccordionSection } from './chunk-IF5LOWUL.js';
-export { AudioViewer } from './chunk-EIBW5YLS.js';
+export { AudioViewer } from './chunk-74ZN5CNE.js';
 export { Autocomplete } from './chunk-RM4QWJS3.js';
 export { useFloatingPosition } from './chunk-MQ6VGG62.js';
 import './chunk-OL53XYHF.js';

package/dist/media-viewer.cjs

@@ -1,18 +1,18 @@
 'use strict';
 
-var chunkKE7KXY5C_cjs = require('./chunk-KE7KXY5C.cjs');
-require('./chunk-3ETOEEVN.cjs');
+var chunkBWTFK2GV_cjs = require('./chunk-BWTFK2GV.cjs');
+require('./chunk-I462NM2A.cjs');
 require('./chunk-JHEM6IGT.cjs');
 require('./chunk-AC7M7JDO.cjs');
 require('./chunk-T6YELZPJ.cjs');
-require('./chunk-3GRC5J2L.cjs');
+require('./chunk-3MHVFEIP.cjs');
 require('./chunk-3Z6ALUWP.cjs');
 
 
 
 Object.defineProperty(exports, "MediaViewer", {
   enumerable: true,
-  get: function () { return chunkKE7KXY5C_cjs.MediaViewer; }
+  get: function () { return chunkBWTFK2GV_cjs.MediaViewer; }
 });
 //# sourceMappingURL=media-viewer.cjs.map
 //# sourceMappingURL=media-viewer.cjs.map

package/dist/media-viewer.d.cts

@@ -1,6 +1,6 @@
-export { a as MediaViewer, b as MediaViewerProps } from './index-B71wa9AW.cjs';
+export { a as MediaViewer, b as MediaViewerProps } from './index-CgPpIw_O.cjs';
 import 'react';
 import './ImageViewer.types-BaqlDeuo.cjs';
-import './VideoViewer.types-CTwS6PcM.cjs';
-import './AudioViewer.types-VWhRx6XG.cjs';
+import './VideoViewer.types-_AwQ8DQr.cjs';
+import './AudioViewer.types-CyhmQVQd.cjs';
 import './PdfViewer.types-_u6vboSl.cjs';

package/dist/media-viewer.d.ts

@@ -1,6 +1,6 @@
-export { a as MediaViewer, b as MediaViewerProps } from './index-bIntFOl5.js';
+export { a as MediaViewer, b as MediaViewerProps } from './index-IeivGsNg.js';
 import 'react';
 import './ImageViewer.types-BaqlDeuo.js';
-import './VideoViewer.types-CTwS6PcM.js';
-import './AudioViewer.types-VWhRx6XG.js';
+import './VideoViewer.types-_AwQ8DQr.js';
+import './AudioViewer.types-CyhmQVQd.js';
 import './PdfViewer.types-_u6vboSl.js';

package/dist/media-viewer.js

@@ -1,9 +1,9 @@
-export { MediaViewer } from './chunk-J3XS4HHX.js';
-import './chunk-JKO2Y5SH.js';
+export { MediaViewer } from './chunk-QWSTG5MF.js';
+import './chunk-YVDAXYHP.js';
 import './chunk-DZD2RJVD.js';
 import './chunk-A3CNYKT3.js';
 import './chunk-CPY7NHXM.js';
-import './chunk-EIBW5YLS.js';
+import './chunk-74ZN5CNE.js';
 import './chunk-DSUHZO6T.js';
 //# sourceMappingURL=media-viewer.js.map
 //# sourceMappingURL=media-viewer.js.map

package/dist/sidebar.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkXBBEQLMY_cjs = require('./chunk-XBBEQLMY.cjs');
+var chunkM2S5GCXY_cjs = require('./chunk-M2S5GCXY.cjs');
 require('./chunk-G34OBTU3.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-TXTRTTG7.cjs');
@@ -15,11 +15,11 @@ require('./chunk-3Z6ALUWP.cjs');
 
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkXBBEQLMY_cjs.Sidebar; }
+  get: function () { return chunkM2S5GCXY_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "useSidebar", {
   enumerable: true,
-  get: function () { return chunkXBBEQLMY_cjs.useSidebar; }
+  get: function () { return chunkM2S5GCXY_cjs.useSidebar; }
 });
 //# sourceMappingURL=sidebar.cjs.map
 //# sourceMappingURL=sidebar.cjs.map

package/dist/sidebar.d.cts

@@ -4,6 +4,20 @@ import { N as NavigableProps } from './types-8Sv0rCjw.cjs';
 
 type SidebarCollapseMode = "icons" | "letters";
 interface SidebarProps {
+    /**
+     * Render without the app-shell chrome — no right border, no background, and
+     * full width instead of the fixed `w-60`.
+     *
+     * For a sidebar living inside a container that already owns its surface: a
+     * card, a panel, a drawer. The defaults are right for the standalone rail and
+     * wrong here, and neutralising them from outside takes four `!important`
+     * utilities that every host has to rediscover and that rot when the base
+     * classes change.
+     *
+     * Chrome only — collapsing still works, and a collapsed rail keeps its fixed
+     * narrow width.
+     */
+    embedded?: boolean;
     children: ReactNode;
     collapsed?: boolean;
     defaultCollapsed?: boolean;
@@ -67,7 +81,7 @@ declare namespace SidebarToggle {
     var displayName: string;
 }
 
-declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, className, }: SidebarProps): react.JSX.Element;
+declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, embedded, className, }: SidebarProps): react.JSX.Element;
 declare const Sidebar: typeof SidebarRoot & {
     Item: typeof SidebarItem;
     Group: typeof SidebarGroup;

package/dist/sidebar.d.ts

@@ -4,6 +4,20 @@ import { N as NavigableProps } from './types-8Sv0rCjw.js';
 
 type SidebarCollapseMode = "icons" | "letters";
 interface SidebarProps {
+    /**
+     * Render without the app-shell chrome — no right border, no background, and
+     * full width instead of the fixed `w-60`.
+     *
+     * For a sidebar living inside a container that already owns its surface: a
+     * card, a panel, a drawer. The defaults are right for the standalone rail and
+     * wrong here, and neutralising them from outside takes four `!important`
+     * utilities that every host has to rediscover and that rot when the base
+     * classes change.
+     *
+     * Chrome only — collapsing still works, and a collapsed rail keeps its fixed
+     * narrow width.
+     */
+    embedded?: boolean;
     children: ReactNode;
     collapsed?: boolean;
     defaultCollapsed?: boolean;
@@ -67,7 +81,7 @@ declare namespace SidebarToggle {
     var displayName: string;
 }
 
-declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, className, }: SidebarProps): react.JSX.Element;
+declare function SidebarRoot({ children, collapsed: controlledCollapsed, defaultCollapsed, onCollapsedChange, collapseMode, embedded, className, }: SidebarProps): react.JSX.Element;
 declare const Sidebar: typeof SidebarRoot & {
     Item: typeof SidebarItem;
     Group: typeof SidebarGroup;

package/dist/sidebar.js

@@ -1,4 +1,4 @@
-export { Sidebar, useSidebar } from './chunk-N7WQ53US.js';
+export { Sidebar, useSidebar } from './chunk-4CM2VMLR.js';
 import './chunk-RNPFSVFN.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-5U2DZ7AV.js';

package/dist/video-viewer.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk3ETOEEVN_cjs = require('./chunk-3ETOEEVN.cjs');
+var chunkI462NM2A_cjs = require('./chunk-I462NM2A.cjs');
 require('./chunk-3Z6ALUWP.cjs');
 
 
 
 Object.defineProperty(exports, "VideoViewer", {
   enumerable: true,
-  get: function () { return chunk3ETOEEVN_cjs.VideoViewer; }
+  get: function () { return chunkI462NM2A_cjs.VideoViewer; }
 });
 //# sourceMappingURL=video-viewer.cjs.map
 //# sourceMappingURL=video-viewer.cjs.map

package/dist/video-viewer.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { V as VideoViewerProps } from './VideoViewer.types-CTwS6PcM.cjs';
+import { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.cjs';
 
 /**
  * A standalone video viewer — native controls, optional poster, fit-to-box, and

package/dist/video-viewer.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { V as VideoViewerProps } from './VideoViewer.types-CTwS6PcM.js';
+import { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.js';
 
 /**
  * A standalone video viewer — native controls, optional poster, fit-to-box, and

package/dist/video-viewer.js

@@ -1,4 +1,4 @@
-export { VideoViewer } from './chunk-JKO2Y5SH.js';
+export { VideoViewer } from './chunk-YVDAXYHP.js';
 import './chunk-DSUHZO6T.js';
 //# sourceMappingURL=video-viewer.js.map
 //# sourceMappingURL=video-viewer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.18.0",
+  "version": "5.20.0",
   "description": "React UI component library for Human+ UX \u2014 controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",

package/dist/chunk-3ETOEEVN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/VideoViewer/VideoViewer.tsx"],"names":["forwardRef","useState","jsx","cn","jsxs"],"mappings":";;;;;;AAYO,IAAM,WAAA,GAAcA,gBAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,KAAA,GAAQ,KAAA;AAAA,IACR,GAAA,GAAM,SAAA;AAAA,IACN,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE5C,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAWC,oBAAA;AAAA,UACT,+EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA,OAAA,mBACCC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,qBAAA,EAAwB,CAAA;AAAA,0BACtDA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,GAAA,EAAI;AAAA,SAAA,EAChE,CAAA,mBAEAA,cAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAW,IAAA;AAAA,YACX,SAAS,MAAM;AACb,cAAA,UAAA,CAAW,IAAI,CAAA;AACf,cAAA,OAAA,IAAU;AAAA,YACZ,CAAA;AAAA,YACA,SAAA,EAAWC,oBAAA;AAAA,cACT,uBAAA;AAAA,cACA,GAAA,KAAQ,UAAU,4BAAA,GAA+B;AAAA;AACnD;AAAA;AACF;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-3ETOEEVN.cjs","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { VideoViewerProps } from \"./VideoViewer.types\";\n\n/**\n * A standalone video viewer — native controls, optional poster, fit-to-box, and\n * dark-aware framing. Renders for video sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <VideoViewer src=\"/clip.mp4\" poster=\"/clip.jpg\" style={{ height: 360 }} />\n * ```\n */\nexport const VideoViewer = forwardRef<HTMLDivElement, VideoViewerProps>(\n  (\n    {\n      src,\n      poster,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      muted = false,\n      fit = \"contain\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-video-viewer=\"\"\n        className={cn(\n          \"relative flex items-center justify-center overflow-hidden rounded-md bg-black\",\n          className,\n        )}\n        style={style}\n      >\n        {errored ? (\n          <div className=\"flex flex-col items-center justify-center gap-1 p-4 text-center text-sm text-zinc-400\">\n            <span className=\"font-medium\">Couldn&apos;t load video</span>\n            <span className=\"max-w-full truncate text-xs opacity-70\">{src}</span>\n          </div>\n        ) : (\n          <video\n            src={src}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className={cn(\n              \"max-h-full max-w-full\",\n              fit === \"cover\" ? \"h-full w-full object-cover\" : \"object-contain\",\n            )}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nVideoViewer.displayName = \"VideoViewer\";\n"]}

package/dist/chunk-3GRC5J2L.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AudioViewer/AudioViewer.tsx"],"names":["forwardRef","useState","jsxs","cn","jsx"],"mappings":";;;;;;AAYO,IAAM,WAAA,GAAcA,gBAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;AAE5C,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAWC,oBAAA;AAAA,UACT,0GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,0BACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EAA2C,kCAE1D,CAAA,mBAEAA,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,QAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA;AAAA,cACA,SAAS,MAAM;AACb,gBAAA,UAAA,CAAW,IAAI,CAAA;AACf,gBAAA,OAAA,IAAU;AAAA,cACZ,CAAA;AAAA,cACA,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-3GRC5J2L.cjs","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { AudioViewerProps } from \"./AudioViewer.types\";\n\n/**\n * A standalone audio viewer — a themed card wrapping the native audio player,\n * with an optional title. Renders for audio sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <AudioViewer src=\"/track.mp3\" title=\"track.mp3\" />\n * ```\n */\nexport const AudioViewer = forwardRef<HTMLDivElement, AudioViewerProps>(\n  (\n    {\n      src,\n      title,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-audio-viewer=\"\"\n        className={cn(\n          \"flex flex-col gap-2 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        {title && (\n          <div className=\"truncate text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n            {title}\n          </div>\n        )}\n        {errored ? (\n          <div className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n            Couldn&apos;t load audio.\n          </div>\n        ) : (\n          <audio\n            src={src}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className=\"w-full\"\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nAudioViewer.displayName = \"AudioViewer\";\n"]}

package/dist/chunk-EIBW5YLS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AudioViewer/AudioViewer.tsx"],"names":[],"mappings":";;;;AAYO,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAW,EAAA;AAAA,UACT,0GAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,0BACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EAA2C,kCAE1D,CAAA,mBAEA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,QAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA;AAAA,cACA,SAAS,MAAM;AACb,gBAAA,UAAA,CAAW,IAAI,CAAA;AACf,gBAAA,OAAA,IAAU;AAAA,cACZ,CAAA;AAAA,cACA,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-EIBW5YLS.js","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { AudioViewerProps } from \"./AudioViewer.types\";\n\n/**\n * A standalone audio viewer — a themed card wrapping the native audio player,\n * with an optional title. Renders for audio sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <AudioViewer src=\"/track.mp3\" title=\"track.mp3\" />\n * ```\n */\nexport const AudioViewer = forwardRef<HTMLDivElement, AudioViewerProps>(\n  (\n    {\n      src,\n      title,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-audio-viewer=\"\"\n        className={cn(\n          \"flex flex-col gap-2 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        {title && (\n          <div className=\"truncate text-sm font-medium text-zinc-700 dark:text-zinc-200\">\n            {title}\n          </div>\n        )}\n        {errored ? (\n          <div className=\"text-sm text-zinc-500 dark:text-zinc-400\">\n            Couldn&apos;t load audio.\n          </div>\n        ) : (\n          <audio\n            src={src}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className=\"w-full\"\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nAudioViewer.displayName = \"AudioViewer\";\n"]}

package/dist/chunk-JKO2Y5SH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/VideoViewer/VideoViewer.tsx"],"names":[],"mappings":";;;;AAYO,IAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,GAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,IAAA,GAAO,KAAA;AAAA,IACP,KAAA,GAAQ,KAAA;AAAA,IACR,GAAA,GAAM,SAAA;AAAA,IACN,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,+BAAA,EAA8B,EAAA;AAAA,QAC9B,SAAA,EAAW,EAAA;AAAA,UACT,+EAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QAEC,QAAA,EAAA,OAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uFAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,QAAA,EAAA,qBAAA,EAAwB,CAAA;AAAA,0BACtD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,GAAA,EAAI;AAAA,SAAA,EAChE,CAAA,mBAEA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAW,IAAA;AAAA,YACX,SAAS,MAAM;AACb,cAAA,UAAA,CAAW,IAAI,CAAA;AACf,cAAA,OAAA,IAAU;AAAA,YACZ,CAAA;AAAA,YACA,SAAA,EAAW,EAAA;AAAA,cACT,uBAAA;AAAA,cACA,GAAA,KAAQ,UAAU,4BAAA,GAA+B;AAAA;AACnD;AAAA;AACF;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-JKO2Y5SH.js","sourcesContent":["import { forwardRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { VideoViewerProps } from \"./VideoViewer.types\";\n\n/**\n * A standalone video viewer — native controls, optional poster, fit-to-box, and\n * dark-aware framing. Renders for video sources inside `<MediaViewer>`.\n *\n * ```tsx\n * <VideoViewer src=\"/clip.mp4\" poster=\"/clip.jpg\" style={{ height: 360 }} />\n * ```\n */\nexport const VideoViewer = forwardRef<HTMLDivElement, VideoViewerProps>(\n  (\n    {\n      src,\n      poster,\n      controls = true,\n      autoPlay = false,\n      loop = false,\n      muted = false,\n      fit = \"contain\",\n      onError,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const [errored, setErrored] = useState(false);\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-video-viewer=\"\"\n        className={cn(\n          \"relative flex items-center justify-center overflow-hidden rounded-md bg-black\",\n          className,\n        )}\n        style={style}\n      >\n        {errored ? (\n          <div className=\"flex flex-col items-center justify-center gap-1 p-4 text-center text-sm text-zinc-400\">\n            <span className=\"font-medium\">Couldn&apos;t load video</span>\n            <span className=\"max-w-full truncate text-xs opacity-70\">{src}</span>\n          </div>\n        ) : (\n          <video\n            src={src}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoPlay}\n            loop={loop}\n            muted={muted}\n            playsInline\n            onError={() => {\n              setErrored(true);\n              onError?.();\n            }}\n            className={cn(\n              \"max-h-full max-w-full\",\n              fit === \"cover\" ? \"h-full w-full object-cover\" : \"object-contain\",\n            )}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nVideoViewer.displayName = \"VideoViewer\";\n"]}

package/dist/chunk-N7WQ53US.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Sidebar/Sidebar.context.ts","../src/components/Sidebar/SidebarItem.tsx","../src/components/Sidebar/SidebarGroup.tsx","../src/components/Sidebar/SidebarSubmenu.tsx","../src/components/Sidebar/SidebarToggle.tsx","../src/components/Sidebar/Sidebar.tsx"],"names":["jsxs","jsx","getLetters"],"mappings":"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","file":"chunk-N7WQ53US.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SidebarContextValue } from \"./Sidebar.types\";\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport function useSidebar(): SidebarContextValue {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\"useSidebar must be used within a <Sidebar> component\");\n  }\n  return ctx;\n}\n","import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarItemProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a ReactNode if it's a string. */\nfunction getLetters(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children.slice(0, 3);\n  return \"...\";\n}\n\nexport function SidebarItem({\n  children,\n  href,\n  as: As,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  onClick,\n  className,\n  ...rest\n}: SidebarItemProps) {\n  const { collapsed, collapseMode } = useSidebar();\n\n  // Link mode engages on `href` OR `as` — a `to`-based router (TanStack Router,\n  // React Router) passes no href, and would otherwise render a <button> that\n  // navigates nowhere. `onClick` now rides along in link mode instead of being\n  // dropped: an item that both navigates and closes a drawer is the common case.\n  const isLink = Boolean(href || As);\n  const Tag = isLink ? ((As ?? \"a\") as ElementType) : \"button\";\n  const tagProps = isLink\n    ? { ...(href ? { href } : {}), onClick }\n    : { type: \"button\" as const, onClick };\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  const title = typeof children === \"string\" ? children : undefined;\n\n  return (\n    <Tag\n      {...tagProps}\n      {...rest}\n      data-react-fancy-sidebar-item=\"\"\n      data-active={active || undefined}\n      aria-current={active ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      title={collapsed ? title : undefined}\n      className={cn(\n        // `w-full` matters when the Tag is a <button>: form controls size to\n        // FIT-CONTENT, not to their parent, so a long label made the item wider\n        // than the sidebar and an ancestor clipped the overflow — which reads as\n        // a label cut off mid-word rather than an ellipsis. Without this,\n        // `min-w-0` on the label below can never engage, because the item is\n        // never under width pressure in the first place.\n        \"flex w-full items-center rounded-md text-sm font-medium transition-colors\",\n        \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500\",\n        collapsed ? \"justify-center px-2 py-2\" : \"gap-2 px-3 py-2\",\n        active\n          ? \"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100\"\n          : \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        disabled && \"pointer-events-none opacity-50\",\n        className,\n      )}\n    >\n      {showIconOnly && (\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n      )}\n      {showLetters && (\n        <span className=\"text-xs font-semibold uppercase\">{getLetters(children)}</span>\n      )}\n      {!collapsed && (\n        <>\n          {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n          {/*\n            `min-w-0` is load-bearing, not tidiness. A flex item defaults to\n            `min-width: auto`, which resolves to its MIN-CONTENT width — so with\n            `truncate` alone the span refuses to shrink below the full label,\n            and the item grows wider than the sidebar instead of ellipsing.\n            The overflow then gets clipped by an ancestor, which looks like a\n            mid-word cut rather than a truncation.\n\n            Only shows up with labels longer than the sidebar is wide, which is\n            why it survived: short nav labels never trigger it.\n          */}\n          <span className=\"min-w-0 flex-1 truncate text-left\">{children}</span>\n          {badge && <span className=\"shrink-0\">{badge}</span>}\n        </>\n      )}\n    </Tag>\n  );\n}\n\nSidebarItem.displayName = \"SidebarItem\";\n","import { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarGroupProps } from \"./Sidebar.types\";\n\nexport function SidebarGroup({ children, label, className }: SidebarGroupProps) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div data-react-fancy-sidebar-group=\"\" className={cn(\"py-1\", className)}>\n      {label && !collapsed && (\n        <p className=\"mb-1 px-3 text-xs font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500\">\n          {label}\n        </p>\n      )}\n      {label && collapsed && (\n        <div className=\"mx-auto mb-1 h-px w-6 bg-zinc-200 dark:bg-zinc-700\" />\n      )}\n      {children}\n    </div>\n  );\n}\n\nSidebarGroup.displayName = \"SidebarGroup\";\n","import { useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarSubmenuProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a string. */\nfunction getLetters(label: string): string {\n  return label.slice(0, 3);\n}\n\nexport function SidebarSubmenu({\n  children,\n  label,\n  icon,\n  defaultOpen = false,\n  className,\n}: SidebarSubmenuProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const { collapsed, collapseMode } = useSidebar();\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  // When collapsed, just show the icon/letters as a simple item (no expand)\n  if (collapsed) {\n    return (\n      <div\n        data-react-fancy-sidebar-submenu=\"\"\n        title={label}\n        className={cn(\n          \"flex items-center justify-center rounded-md px-2 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n          className,\n        )}\n      >\n        {showIconOnly && (\n          <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n        )}\n        {showLetters && (\n          <span className=\"text-xs font-semibold uppercase\">{getLetters(label)}</span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div data-react-fancy-sidebar-submenu=\"\" className={className}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className={cn(\n          \"flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        )}\n      >\n        {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n        <span className=\"flex-1 text-left\">{label}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 opacity-60 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200\",\n          open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n        )}\n      >\n        <div className=\"overflow-hidden\">\n          <div className=\"ml-4 border-l border-zinc-200 pl-2 pt-1 dark:border-zinc-700\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nSidebarSubmenu.displayName = \"SidebarSubmenu\";\n","import { PanelLeftClose, PanelLeftOpen } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarToggleProps } from \"./Sidebar.types\";\n\nexport function SidebarToggle({ className }: SidebarToggleProps) {\n  const { collapsed, setCollapsed } = useSidebar();\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-sidebar-toggle=\"\"\n      onClick={() => setCollapsed(!collapsed)}\n      title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n      className={cn(\n        \"flex items-center justify-center rounded-md p-1.5 text-zinc-400 transition-colors\",\n        \"hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300\",\n        className,\n      )}\n    >\n      {collapsed ? (\n        <PanelLeftOpen className=\"h-4 w-4\" />\n      ) : (\n        <PanelLeftClose className=\"h-4 w-4\" />\n      )}\n    </button>\n  );\n}\n\nSidebarToggle.displayName = \"SidebarToggle\";\n","import { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks\";\nimport { SidebarContext } from \"./Sidebar.context\";\nimport { SidebarItem } from \"./SidebarItem\";\nimport { SidebarGroup } from \"./SidebarGroup\";\nimport { SidebarSubmenu } from \"./SidebarSubmenu\";\nimport { SidebarToggle } from \"./SidebarToggle\";\nimport type { SidebarProps } from \"./Sidebar.types\";\n\nfunction SidebarRoot({\n  children,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  collapseMode = \"icons\",\n  className,\n}: SidebarProps) {\n  const [collapsed, setCollapsed] = useControllableState(\n    controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n  );\n\n  return (\n    <SidebarContext.Provider value={{ collapsed, collapseMode, setCollapsed }}>\n      <aside\n        data-react-fancy-sidebar=\"\"\n        data-collapsed={collapsed || undefined}\n        className={cn(\n          \"flex flex-col gap-0.5 border-r border-zinc-200 bg-white transition-[width] duration-200 dark:border-zinc-700 dark:bg-zinc-900\",\n          collapsed ? \"w-16\" : \"w-60\",\n          className,\n        )}\n      >\n        {children}\n      </aside>\n    </SidebarContext.Provider>\n  );\n}\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Item: SidebarItem,\n  Group: SidebarGroup,\n  Submenu: SidebarSubmenu,\n  Toggle: SidebarToggle,\n});\n"]}

package/dist/chunk-XBBEQLMY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Sidebar/Sidebar.context.ts","../src/components/Sidebar/SidebarItem.tsx","../src/components/Sidebar/SidebarGroup.tsx","../src/components/Sidebar/SidebarSubmenu.tsx","../src/components/Sidebar/SidebarToggle.tsx","../src/components/Sidebar/Sidebar.tsx"],"names":["createContext","useContext","jsxs","cn","jsx","Fragment","getLetters","useState","ChevronDown","PanelLeftOpen","PanelLeftClose","useControllableState"],"mappings":"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","file":"chunk-XBBEQLMY.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SidebarContextValue } from \"./Sidebar.types\";\n\nexport const SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport function useSidebar(): SidebarContextValue {\n  const ctx = useContext(SidebarContext);\n  if (!ctx) {\n    throw new Error(\"useSidebar must be used within a <Sidebar> component\");\n  }\n  return ctx;\n}\n","import type { ElementType } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarItemProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a ReactNode if it's a string. */\nfunction getLetters(children: React.ReactNode): string {\n  if (typeof children === \"string\") return children.slice(0, 3);\n  return \"...\";\n}\n\nexport function SidebarItem({\n  children,\n  href,\n  as: As,\n  icon,\n  active = false,\n  disabled = false,\n  badge,\n  onClick,\n  className,\n  ...rest\n}: SidebarItemProps) {\n  const { collapsed, collapseMode } = useSidebar();\n\n  // Link mode engages on `href` OR `as` — a `to`-based router (TanStack Router,\n  // React Router) passes no href, and would otherwise render a <button> that\n  // navigates nowhere. `onClick` now rides along in link mode instead of being\n  // dropped: an item that both navigates and closes a drawer is the common case.\n  const isLink = Boolean(href || As);\n  const Tag = isLink ? ((As ?? \"a\") as ElementType) : \"button\";\n  const tagProps = isLink\n    ? { ...(href ? { href } : {}), onClick }\n    : { type: \"button\" as const, onClick };\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  const title = typeof children === \"string\" ? children : undefined;\n\n  return (\n    <Tag\n      {...tagProps}\n      {...rest}\n      data-react-fancy-sidebar-item=\"\"\n      data-active={active || undefined}\n      aria-current={active ? \"page\" : undefined}\n      aria-disabled={disabled || undefined}\n      title={collapsed ? title : undefined}\n      className={cn(\n        // `w-full` matters when the Tag is a <button>: form controls size to\n        // FIT-CONTENT, not to their parent, so a long label made the item wider\n        // than the sidebar and an ancestor clipped the overflow — which reads as\n        // a label cut off mid-word rather than an ellipsis. Without this,\n        // `min-w-0` on the label below can never engage, because the item is\n        // never under width pressure in the first place.\n        \"flex w-full items-center rounded-md text-sm font-medium transition-colors\",\n        \"outline-none focus-visible:ring-2 focus-visible:ring-blue-500\",\n        collapsed ? \"justify-center px-2 py-2\" : \"gap-2 px-3 py-2\",\n        active\n          ? \"bg-zinc-100 text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100\"\n          : \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        disabled && \"pointer-events-none opacity-50\",\n        className,\n      )}\n    >\n      {showIconOnly && (\n        <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n      )}\n      {showLetters && (\n        <span className=\"text-xs font-semibold uppercase\">{getLetters(children)}</span>\n      )}\n      {!collapsed && (\n        <>\n          {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n          {/*\n            `min-w-0` is load-bearing, not tidiness. A flex item defaults to\n            `min-width: auto`, which resolves to its MIN-CONTENT width — so with\n            `truncate` alone the span refuses to shrink below the full label,\n            and the item grows wider than the sidebar instead of ellipsing.\n            The overflow then gets clipped by an ancestor, which looks like a\n            mid-word cut rather than a truncation.\n\n            Only shows up with labels longer than the sidebar is wide, which is\n            why it survived: short nav labels never trigger it.\n          */}\n          <span className=\"min-w-0 flex-1 truncate text-left\">{children}</span>\n          {badge && <span className=\"shrink-0\">{badge}</span>}\n        </>\n      )}\n    </Tag>\n  );\n}\n\nSidebarItem.displayName = \"SidebarItem\";\n","import { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarGroupProps } from \"./Sidebar.types\";\n\nexport function SidebarGroup({ children, label, className }: SidebarGroupProps) {\n  const { collapsed } = useSidebar();\n\n  return (\n    <div data-react-fancy-sidebar-group=\"\" className={cn(\"py-1\", className)}>\n      {label && !collapsed && (\n        <p className=\"mb-1 px-3 text-xs font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500\">\n          {label}\n        </p>\n      )}\n      {label && collapsed && (\n        <div className=\"mx-auto mb-1 h-px w-6 bg-zinc-200 dark:bg-zinc-700\" />\n      )}\n      {children}\n    </div>\n  );\n}\n\nSidebarGroup.displayName = \"SidebarGroup\";\n","import { useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarSubmenuProps } from \"./Sidebar.types\";\n\n/** Extract first 3 characters from a string. */\nfunction getLetters(label: string): string {\n  return label.slice(0, 3);\n}\n\nexport function SidebarSubmenu({\n  children,\n  label,\n  icon,\n  defaultOpen = false,\n  className,\n}: SidebarSubmenuProps) {\n  const [open, setOpen] = useState(defaultOpen);\n  const { collapsed, collapseMode } = useSidebar();\n\n  const showIconOnly = collapsed && collapseMode === \"icons\" && icon;\n  const showLetters = collapsed && (collapseMode === \"letters\" || (collapseMode === \"icons\" && !icon));\n\n  // When collapsed, just show the icon/letters as a simple item (no expand)\n  if (collapsed) {\n    return (\n      <div\n        data-react-fancy-sidebar-submenu=\"\"\n        title={label}\n        className={cn(\n          \"flex items-center justify-center rounded-md px-2 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n          className,\n        )}\n      >\n        {showIconOnly && (\n          <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>\n        )}\n        {showLetters && (\n          <span className=\"text-xs font-semibold uppercase\">{getLetters(label)}</span>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div data-react-fancy-sidebar-submenu=\"\" className={className}>\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        className={cn(\n          \"flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors\",\n          \"text-zinc-600 hover:bg-zinc-50 hover:text-zinc-900\",\n          \"dark:text-zinc-400 dark:hover:bg-zinc-800/50 dark:hover:text-zinc-100\",\n        )}\n      >\n        {icon && <span className=\"flex h-5 w-5 shrink-0 items-center justify-center\">{icon}</span>}\n        <span className=\"flex-1 text-left\">{label}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 opacity-60 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        />\n      </button>\n      <div\n        className={cn(\n          \"grid transition-[grid-template-rows] duration-200\",\n          open ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n        )}\n      >\n        <div className=\"overflow-hidden\">\n          <div className=\"ml-4 border-l border-zinc-200 pl-2 pt-1 dark:border-zinc-700\">\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nSidebarSubmenu.displayName = \"SidebarSubmenu\";\n","import { PanelLeftClose, PanelLeftOpen } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { useSidebar } from \"./Sidebar.context\";\nimport type { SidebarToggleProps } from \"./Sidebar.types\";\n\nexport function SidebarToggle({ className }: SidebarToggleProps) {\n  const { collapsed, setCollapsed } = useSidebar();\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-sidebar-toggle=\"\"\n      onClick={() => setCollapsed(!collapsed)}\n      title={collapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n      className={cn(\n        \"flex items-center justify-center rounded-md p-1.5 text-zinc-400 transition-colors\",\n        \"hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300\",\n        className,\n      )}\n    >\n      {collapsed ? (\n        <PanelLeftOpen className=\"h-4 w-4\" />\n      ) : (\n        <PanelLeftClose className=\"h-4 w-4\" />\n      )}\n    </button>\n  );\n}\n\nSidebarToggle.displayName = \"SidebarToggle\";\n","import { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks\";\nimport { SidebarContext } from \"./Sidebar.context\";\nimport { SidebarItem } from \"./SidebarItem\";\nimport { SidebarGroup } from \"./SidebarGroup\";\nimport { SidebarSubmenu } from \"./SidebarSubmenu\";\nimport { SidebarToggle } from \"./SidebarToggle\";\nimport type { SidebarProps } from \"./Sidebar.types\";\n\nfunction SidebarRoot({\n  children,\n  collapsed: controlledCollapsed,\n  defaultCollapsed = false,\n  onCollapsedChange,\n  collapseMode = \"icons\",\n  className,\n}: SidebarProps) {\n  const [collapsed, setCollapsed] = useControllableState(\n    controlledCollapsed,\n    defaultCollapsed,\n    onCollapsedChange,\n  );\n\n  return (\n    <SidebarContext.Provider value={{ collapsed, collapseMode, setCollapsed }}>\n      <aside\n        data-react-fancy-sidebar=\"\"\n        data-collapsed={collapsed || undefined}\n        className={cn(\n          \"flex flex-col gap-0.5 border-r border-zinc-200 bg-white transition-[width] duration-200 dark:border-zinc-700 dark:bg-zinc-900\",\n          collapsed ? \"w-16\" : \"w-60\",\n          className,\n        )}\n      >\n        {children}\n      </aside>\n    </SidebarContext.Provider>\n  );\n}\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Item: SidebarItem,\n  Group: SidebarGroup,\n  Submenu: SidebarSubmenu,\n  Toggle: SidebarToggle,\n});\n"]}