@agimon-ai/doompi-web-components 0.0.1-alpha.4 → 0.0.1-alpha.40

package/dist/src/components/Dot.d.mts

@@ -1,16 +1,15 @@
 import { DotTone as DotTone$1 } from "../types/tone.mjs";
-import { VariantProps } from "class-variance-authority";
 import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/Dot.d.ts
-declare const dotVariants: (props?: ({
+export declare const dotVariants: (props?: ({
   tone?: "blue" | "cyan" | "green" | "magenta" | "muted" | "neutral" | "orange" | "red" | "teal" | "violet" | "yellow" | null | undefined;
   size?: "lg" | "md" | "sm" | "xs" | null | undefined;
   pulse?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type DotTone = DotTone$1;
-interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}
+export type DotTone = DotTone$1;
+export interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}
 /** The status dot: a colour and, while something is live, a pulse. */
-declare function Dot({ className, tone, size, pulse, ...props }: DotProps): import("react/jsx-runtime").JSX.Element;
+export declare function Dot({ className, tone, size, pulse, ...props }: DotProps): import("react").JSX.Element;
 //#endregion
-export { Dot, DotProps, DotTone, dotVariants };
 //# sourceMappingURL=Dot.d.mts.map

package/dist/src/components/Dot.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.d.mts","names":[],"sources":["../../../src/components/Dot.tsx"],"mappings":";;;;cAKa,cAAW;;;;6CA2BtB;KAEU,UAAU;UAEL,iBAAiB,wBAAwB,oBAAoB;;iBAG9D,MAAM,WAAW,MAAM,MAAM,UAAU,SAAS,uCAAQ,IAAA"}
+{"version":3,"file":"Dot.d.mts","names":[],"sources":["../../../src/components/Dot.tsx"],"mappings":";;;;qBAMa,cAAW;;;;6CA2BtB;YAEU,UAAU;iBAEL,iBAAiB,wBAAwB,oBAAoB;;wBAG9D,MAAM,WAAW,MAAM,MAAM,UAAU,SAAS,2BAAQ,IAAA"}

package/dist/src/components/Dot.mjs

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`inline-block shrink-0 rounded-full`,{variants:{tone:{neutral:`bg-doom-faint`,muted:`bg-doom-faint/40`,blue:`bg-doom-blue`,green:`bg-doom-green`,yellow:`bg-doom-yellow`,red:`bg-doom-red`,magenta:`bg-doom-magenta`,violet:`bg-doom-violet`,cyan:`bg-doom-cyan`,orange:`bg-doom-orange`,teal:`bg-doom-teal`},size:{xs:`h-1 w-1`,sm:`h-1.5 w-1.5`,md:`h-2 w-2`,lg:`h-2.5 w-2.5`},pulse:{true:`animate-pulse`,false:``}},defaultVariants:{tone:`neutral`,size:`sm`,pulse:!1}});function i({className:n,tone:i,size:a,pulse:o,...s}){return t(`span`,{"data-slot":`dot`,"aria-hidden":!0,className:e(r({tone:i,size:a,pulse:o}),n),...s})}export{i as Dot,r as dotVariants};
+import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`inline-block shrink-0 rounded-full`,{variants:{tone:{neutral:`bg-doom-faint`,muted:`bg-doom-faint/40`,blue:`bg-doom-blue`,green:`bg-doom-green`,yellow:`bg-doom-yellow`,red:`bg-doom-red`,magenta:`bg-doom-magenta`,violet:`bg-doom-violet`,cyan:`bg-doom-cyan`,orange:`bg-doom-orange`,teal:`bg-doom-teal`},size:{xs:`h-1 w-1`,sm:`h-1.5 w-1.5`,md:`h-2 w-2`,lg:`h-2.5 w-2.5`},pulse:{true:`animate-pulse`,false:``}},defaultVariants:{tone:`neutral`,size:`sm`,pulse:!1}});function i({className:n,tone:i,size:a,pulse:o,...s}){return/* @__PURE__ */ t(`span`,{"data-slot":`dot`,"aria-hidden":!0,className:e(r({tone:i,size:a,pulse:o}),n),...s})}export{i as Dot,r as dotVariants};
 //# sourceMappingURL=Dot.mjs.map

package/dist/src/components/Dot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.mjs","names":[],"sources":["../../../src/components/Dot.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\nimport type { DotTone as Tone } from '../types/tone.ts';\n\nexport const dotVariants = cva('inline-block shrink-0 rounded-full', {\n  variants: {\n    tone: {\n      neutral: 'bg-doom-faint',\n      muted: 'bg-doom-faint/40',\n      blue: 'bg-doom-blue',\n      green: 'bg-doom-green',\n      yellow: 'bg-doom-yellow',\n      red: 'bg-doom-red',\n      magenta: 'bg-doom-magenta',\n      violet: 'bg-doom-violet',\n      cyan: 'bg-doom-cyan',\n      orange: 'bg-doom-orange',\n      teal: 'bg-doom-teal',\n    } satisfies Record<Tone, string>,\n    size: {\n      xs: 'h-1 w-1',\n      sm: 'h-1.5 w-1.5',\n      md: 'h-2 w-2',\n      lg: 'h-2.5 w-2.5',\n    },\n    pulse: {\n      true: 'animate-pulse',\n      false: '',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'sm', pulse: false },\n});\n\nexport type DotTone = Tone;\n\nexport interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}\n\n/** The status dot: a colour and, while something is live, a pulse. */\nexport function Dot({ className, tone, size, pulse, ...props }: DotProps) {\n  return <span data-slot=\"dot\" aria-hidden className={cn(dotVariants({ tone, size, pulse }), className)} {...props} />;\n}\n"],"mappings":"0HAKA,MAAa,EAAc,EAAI,qCAAsC,CACnE,SAAU,CACR,KAAM,CACJ,QAAS,gBACT,MAAO,mBACP,KAAM,eACN,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,KAAM,eACN,OAAQ,iBACR,KAAM,cACR,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,cACJ,GAAI,UACJ,GAAI,aACN,EACA,MAAO,CACL,KAAM,gBACN,MAAO,EACT,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,KAAM,MAAO,EAAM,CAC/D,CAAC,EAOD,SAAgB,EAAI,CAAE,YAAW,OAAM,OAAM,QAAO,GAAG,GAAmB,CACxE,OAAO,EAAC,OAAD,CAAM,YAAU,MAAM,cAAA,GAAY,UAAW,EAAG,EAAY,CAAE,OAAM,OAAM,OAAM,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrH"}
+{"version":3,"file":"Dot.mjs","names":[],"sources":["../../../src/components/Dot.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\nimport type { DotTone as Tone } from '../types/tone';\n\nexport const dotVariants = cva('inline-block shrink-0 rounded-full', {\n  variants: {\n    tone: {\n      neutral: 'bg-doom-faint',\n      muted: 'bg-doom-faint/40',\n      blue: 'bg-doom-blue',\n      green: 'bg-doom-green',\n      yellow: 'bg-doom-yellow',\n      red: 'bg-doom-red',\n      magenta: 'bg-doom-magenta',\n      violet: 'bg-doom-violet',\n      cyan: 'bg-doom-cyan',\n      orange: 'bg-doom-orange',\n      teal: 'bg-doom-teal',\n    } satisfies Record<Tone, string>,\n    size: {\n      xs: 'h-1 w-1',\n      sm: 'h-1.5 w-1.5',\n      md: 'h-2 w-2',\n      lg: 'h-2.5 w-2.5',\n    },\n    pulse: {\n      true: 'animate-pulse',\n      false: '',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'sm', pulse: false },\n});\n\nexport type DotTone = Tone;\n\nexport interface DotProps extends ComponentProps<'span'>, VariantProps<typeof dotVariants> {}\n\n/** The status dot: a colour and, while something is live, a pulse. */\nexport function Dot({ className, tone, size, pulse, ...props }: DotProps) {\n  return <span data-slot=\"dot\" aria-hidden className={cn(dotVariants({ tone, size, pulse }), className)} {...props} />;\n}\n"],"mappings":"0HAMA,MAAa,EAAc,EAAI,qCAAsC,CACnE,SAAU,CACR,KAAM,CACJ,QAAS,gBACT,MAAO,mBACP,KAAM,eACN,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,KAAM,eACN,OAAQ,iBACR,KAAM,cACR,EACA,KAAM,CACJ,GAAI,UACJ,GAAI,cACJ,GAAI,UACJ,GAAI,aACN,EACA,MAAO,CACL,KAAM,gBACN,MAAO,EACT,CACF,EACA,gBAAiB,CAAE,KAAM,UAAW,KAAM,KAAM,MAAO,EAAM,CAC/D,CAAC,EAOD,SAAgB,EAAI,CAAE,YAAW,OAAM,OAAM,QAAO,GAAG,GAAmB,CACxE,MAAO,kBAAC,OAAD,CAAM,YAAU,MAAM,cAAA,GAAY,UAAW,EAAG,EAAY,CAAE,OAAM,OAAM,OAAM,CAAC,EAAG,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrH"}

package/dist/src/components/Drawer.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/cn.cjs"),t=require("./Dialog.cjs");let n=require("radix-ui"),r=require("react/jsx-runtime"),i=require("react");function a({open:a,onOpenChange:o,side:s,title:c,children:l,className:u,showHeader:d=!0,"data-testid":f,backdropTestId:p}){let m=(0,i.useRef)(null);return/* @__PURE__ */ (0,r.jsx)(t.Dialog,{open:a,onOpenChange:o,children:/* @__PURE__ */ (0,r.jsxs)(t.DialogPortal,{children:[/* @__PURE__ */ (0,r.jsx)(t.DialogOverlay,{"data-testid":p}),/* @__PURE__ */ (0,r.jsxs)(n.Dialog.Content,{"aria-describedby":void 0,"data-testid":f,className:e.cn(`fixed inset-y-0 z-50 flex w-[min(300px,calc(100vw-48px))] flex-col overflow-y-auto border-doom-border bg-doom-rail outline-none`,s===`left`?`left-0 border-r`:`right-0 border-l`,u),onOpenAutoFocus:()=>{m.current=document.activeElement instanceof HTMLElement?document.activeElement:null},onCloseAutoFocus:e=>{e.preventDefault(),m.current?.isConnected&&m.current.focus()},children:[d?/* @__PURE__ */ (0,r.jsx)(t.DialogHeader,{dismissible:!0,closeLabel:`hide ${c.toLowerCase()}`,children:/* @__PURE__ */ (0,r.jsx)(t.DialogTitle,{children:c})}):/* @__PURE__ */ (0,r.jsx)(t.DialogTitle,{className:`sr-only`,children:c}),l]})]})})}exports.Drawer=a;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/src/components/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","names":["useRef","Dialog","DialogPortal","DialogOverlay","DialogPrimitive","cn","DialogHeader","DialogTitle"],"sources":["../../../src/components/Drawer.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from 'radix-ui';\nimport { type ReactNode, useRef } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogHeader, DialogOverlay, DialogPortal, DialogTitle } from './Dialog';\n\nexport interface DrawerProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  side: 'left' | 'right';\n  title: string;\n  children: ReactNode;\n  className?: string;\n  showHeader?: boolean;\n  'data-testid'?: string;\n  backdropTestId?: string;\n}\n\n/** A controlled side panel with a focus trap and restoration for external header buttons. */\nexport function Drawer({\n  open,\n  onOpenChange,\n  side,\n  title,\n  children,\n  className,\n  showHeader = true,\n  'data-testid': testId,\n  backdropTestId,\n}: DrawerProps) {\n  const opener = useRef<HTMLElement | null>(null);\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal>\n        <DialogOverlay data-testid={backdropTestId} />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          data-testid={testId}\n          className={cn(\n            'fixed inset-y-0 z-50 flex w-[min(300px,calc(100vw-48px))] flex-col overflow-y-auto border-doom-border bg-doom-rail outline-none',\n            side === 'left' ? 'left-0 border-r' : 'right-0 border-l',\n            className,\n          )}\n          onOpenAutoFocus={() => {\n            opener.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (opener.current?.isConnected) opener.current.focus();\n          }}\n        >\n          {showHeader ? (\n            <DialogHeader dismissible closeLabel={`hide ${title.toLowerCase()}`}>\n              <DialogTitle>{title}</DialogTitle>\n            </DialogHeader>\n          ) : (\n            <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n          )}\n          {children}\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n}\n"],"mappings":"uIAmBA,SAAgB,EAAO,CACrB,OACA,eACA,OACA,QACA,WACA,YACA,aAAa,GACb,cAAe,EACf,kBACc,CACd,IAAM,GAAA,EAASA,EAAAA,OAAAA,CAA2B,IAAI,EAC9C,MACE,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,OAAD,CAAc,OAAoB,eAChC,SAAA,iBAAA,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAA,SAAA,CACE,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAe,cAAa,CAAiB,CAAA,EAC7C,iBAAA,EAAA,EAAA,KAAA,CAACC,EAAAA,OAAgB,QAAjB,CACE,mBAAkB,IAAA,GAClB,cAAa,EACb,UAAWC,EAAAA,GACT,kIACA,IAAS,OAAS,kBAAoB,mBACtC,CACF,EACA,oBAAuB,CACrB,EAAO,QAAU,SAAS,yBAAyB,YAAc,SAAS,cAAgB,IAC5F,EACA,iBAAmB,GAAU,CAC3B,EAAM,eAAe,EACjB,EAAO,SAAS,aAAa,EAAO,QAAQ,MAAM,CACxD,EAdF,SAAA,CAgBG,EACC,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,aAAD,CAAc,YAAA,GAAY,WAAY,QAAQ,EAAM,YAAY,IAC9D,SAAA,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAA,SAAc,CAAmB,CAAA,CACrB,CAAA,EAEd,iBAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAD,CAAa,UAAU,UAAW,SAAA,CAAmB,CAAA,EAEtD,CACsB,CACb,CAAA,CAAA,CAAA,CAAA,CACR,CAAA,CAEZ"}

package/dist/src/components/Drawer.d.mts

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+//#region src/components/Drawer.d.ts
+export interface DrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  side: 'left' | 'right';
+  title: string;
+  children: ReactNode;
+  className?: string;
+  showHeader?: boolean;
+  'data-testid'?: string;
+  backdropTestId?: string;
+}
+/** A controlled side panel with a focus trap and restoration for external header buttons. */
+export declare function Drawer({ open, onOpenChange, side, title, children, className, showHeader, 'data-testid': testId, backdropTestId }: DrawerProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Drawer.d.mts.map

package/dist/src/components/Drawer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.mts","names":[],"sources":["../../../src/components/Drawer.tsx"],"mappings":";;iBAMiB;EACf;EACA,eAAe;EACf;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;;;wBAIc,SACd,MACA,cACA,MACA,OACA,UACA,WACA,2BACe,QACf,kBACC,8BAAW,IAAA"}

package/dist/src/components/Drawer.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{Dialog as t,DialogHeader as n,DialogOverlay as r,DialogPortal as i,DialogTitle as a}from"./Dialog.mjs";import{Dialog as o}from"radix-ui";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useRef as l}from"react";function u({open:u,onOpenChange:d,side:f,title:p,children:m,className:h,showHeader:g=!0,"data-testid":_,backdropTestId:v}){let y=l(null);return/* @__PURE__ */ s(t,{open:u,onOpenChange:d,children:/* @__PURE__ */ c(i,{children:[/* @__PURE__ */ s(r,{"data-testid":v}),/* @__PURE__ */ c(o.Content,{"aria-describedby":void 0,"data-testid":_,className:e(`fixed inset-y-0 z-50 flex w-[min(300px,calc(100vw-48px))] flex-col overflow-y-auto border-doom-border bg-doom-rail outline-none`,f===`left`?`left-0 border-r`:`right-0 border-l`,h),onOpenAutoFocus:()=>{y.current=document.activeElement instanceof HTMLElement?document.activeElement:null},onCloseAutoFocus:e=>{e.preventDefault(),y.current?.isConnected&&y.current.focus()},children:[g?/* @__PURE__ */ s(n,{dismissible:!0,closeLabel:`hide ${p.toLowerCase()}`,children:/* @__PURE__ */ s(a,{children:p})}):/* @__PURE__ */ s(a,{className:`sr-only`,children:p}),m]})]})})}export{u as Drawer};
+//# sourceMappingURL=Drawer.mjs.map

package/dist/src/components/Drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.mjs","names":["Dialog","DialogPrimitive"],"sources":["../../../src/components/Drawer.tsx"],"sourcesContent":["import { Dialog as DialogPrimitive } from 'radix-ui';\nimport { type ReactNode, useRef } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { Dialog, DialogHeader, DialogOverlay, DialogPortal, DialogTitle } from './Dialog';\n\nexport interface DrawerProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  side: 'left' | 'right';\n  title: string;\n  children: ReactNode;\n  className?: string;\n  showHeader?: boolean;\n  'data-testid'?: string;\n  backdropTestId?: string;\n}\n\n/** A controlled side panel with a focus trap and restoration for external header buttons. */\nexport function Drawer({\n  open,\n  onOpenChange,\n  side,\n  title,\n  children,\n  className,\n  showHeader = true,\n  'data-testid': testId,\n  backdropTestId,\n}: DrawerProps) {\n  const opener = useRef<HTMLElement | null>(null);\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogPortal>\n        <DialogOverlay data-testid={backdropTestId} />\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          data-testid={testId}\n          className={cn(\n            'fixed inset-y-0 z-50 flex w-[min(300px,calc(100vw-48px))] flex-col overflow-y-auto border-doom-border bg-doom-rail outline-none',\n            side === 'left' ? 'left-0 border-r' : 'right-0 border-l',\n            className,\n          )}\n          onOpenAutoFocus={() => {\n            opener.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n          }}\n          onCloseAutoFocus={(event) => {\n            event.preventDefault();\n            if (opener.current?.isConnected) opener.current.focus();\n          }}\n        >\n          {showHeader ? (\n            <DialogHeader dismissible closeLabel={`hide ${title.toLowerCase()}`}>\n              <DialogTitle>{title}</DialogTitle>\n            </DialogHeader>\n          ) : (\n            <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n          )}\n          {children}\n        </DialogPrimitive.Content>\n      </DialogPortal>\n    </Dialog>\n  );\n}\n"],"mappings":"oQAmBA,SAAgB,EAAO,CACrB,OACA,eACA,OACA,QACA,WACA,YACA,aAAa,GACb,cAAe,EACf,kBACc,CACd,IAAM,EAAS,EAA2B,IAAI,EAC9C,MACE,kBAACA,EAAD,CAAc,OAAoB,eAChC,SAAA,kBAAC,EAAD,CAAA,SAAA,CACE,kBAAC,EAAD,CAAe,cAAa,CAAiB,CAAA,EAC7C,kBAACC,EAAgB,QAAjB,CACE,mBAAkB,IAAA,GAClB,cAAa,EACb,UAAW,EACT,kIACA,IAAS,OAAS,kBAAoB,mBACtC,CACF,EACA,oBAAuB,CACrB,EAAO,QAAU,SAAS,yBAAyB,YAAc,SAAS,cAAgB,IAC5F,EACA,iBAAmB,GAAU,CAC3B,EAAM,eAAe,EACjB,EAAO,SAAS,aAAa,EAAO,QAAQ,MAAM,CACxD,EAdF,SAAA,CAgBG,EACC,kBAAC,EAAD,CAAc,YAAA,GAAY,WAAY,QAAQ,EAAM,YAAY,IAC9D,SAAA,kBAAC,EAAD,CAAA,SAAc,CAAmB,CAAA,CACrB,CAAA,EAEd,kBAAC,EAAD,CAAa,UAAU,UAAW,SAAA,CAAmB,CAAA,EAEtD,CACsB,CACb,CAAA,CAAA,CAAA,CAAA,CACR,CAAA,CAEZ"}

package/dist/src/components/DropdownMenu.cjs

@@ -1,2 +1,2 @@
-require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime"),r=require("class-variance-authority"),i=require("lucide-react");function a(e){return(0,n.jsx)(t.DropdownMenu.Root,{"data-slot":`dropdown-menu`,...e})}function o(e){return(0,n.jsx)(t.DropdownMenu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function s(e){return(0,n.jsx)(t.DropdownMenu.Group,{"data-slot":`dropdown-menu-group`,...e})}const c=`z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise`;function l({className:r,align:i=`end`,sideOffset:a=4,...o}){return(0,n.jsx)(t.DropdownMenu.Portal,{children:(0,n.jsx)(t.DropdownMenu.Content,{"data-slot":`dropdown-menu-content`,align:i,sideOffset:a,className:e.cn(c,r),...o})})}const u=(0,r.cva)(`flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,{variants:{variant:{default:`text-doom-hi`,destructive:`text-doom-red`},indented:{true:`pl-7`,false:``}},defaultVariants:{variant:`default`,indented:!1}});function d({className:r,variant:i,indented:a,...o}){return(0,n.jsx)(t.DropdownMenu.Item,{"data-slot":`dropdown-menu-item`,"data-variant":i??`default`,className:e.cn(u({variant:i,indented:a}),r),...o})}function f({children:e}){return(0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:(0,n.jsx)(t.DropdownMenu.ItemIndicator,{children:e})})}function p({className:r,variant:a,children:o,...s}){return(0,n.jsxs)(t.DropdownMenu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e.cn(`relative`,u({variant:a,indented:!0}),r),...s,children:[(0,n.jsx)(f,{children:(0,n.jsx)(i.Check,{className:`h-3 w-3 text-doom-blue`})}),o]})}function m(e){return(0,n.jsx)(t.DropdownMenu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function h({className:r,variant:i,children:a,...o}){return(0,n.jsxs)(t.DropdownMenu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e.cn(`relative`,u({variant:i,indented:!0}),r),...o,children:[(0,n.jsx)(f,{children:(0,n.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),a]})}function g(e){return(0,n.jsx)(t.DropdownMenu.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function _({className:r,children:a,...o}){return(0,n.jsxs)(t.DropdownMenu.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:e.cn(u(),`data-[state=open]:bg-doom-deep`,r),...o,children:[(0,n.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:a}),(0,n.jsx)(i.ChevronRight,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function v({className:r,sideOffset:i=2,...a}){return(0,n.jsx)(t.DropdownMenu.Portal,{children:(0,n.jsx)(t.DropdownMenu.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:i,className:e.cn(c,r),...a})})}function y({className:r,...i}){return(0,n.jsx)(t.DropdownMenu.Label,{"data-slot":`dropdown-menu-label`,className:e.cn(`px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase`,r),...i})}function b({className:t,...r}){return(0,n.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e.cn(`ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint`,t),...r})}function x({className:r,...i}){return(0,n.jsx)(t.DropdownMenu.Separator,{"data-slot":`dropdown-menu-separator`,className:e.cn(`my-1 h-px bg-doom-border-soft`,r),...i})}exports.DropdownMenu=a,exports.DropdownMenuCheckboxItem=p,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=s,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=y,exports.DropdownMenuRadioGroup=m,exports.DropdownMenuRadioItem=h,exports.DropdownMenuSeparator=x,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=g,exports.DropdownMenuSubContent=v,exports.DropdownMenuSubTrigger=_,exports.DropdownMenuTrigger=o,exports.dropdownMenuItemVariants=u;
+require("../icons/icons.cjs");const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime"),r=require("class-variance-authority"),i=require("lucide-react");function a(e){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Root,{"data-slot":`dropdown-menu`,...e})}function o(e){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function s(e){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Group,{"data-slot":`dropdown-menu-group`,...e})}const c=`z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise`;function l({className:r,align:i=`end`,sideOffset:a=4,...o}){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Portal,{children:/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Content,{"data-slot":`dropdown-menu-content`,align:i,sideOffset:a,className:e.cn(c,r),...o})})}const u=(0,r.cva)(`flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,{variants:{variant:{default:`text-doom-hi`,destructive:`text-doom-red`},indented:{true:`pl-7`,false:``}},defaultVariants:{variant:`default`,indented:!1}});function d({className:r,variant:i,indented:a,...o}){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Item,{"data-slot":`dropdown-menu-item`,"data-variant":i??`default`,className:e.cn(u({variant:i,indented:a}),r),...o})}function f({children:e}){return/* @__PURE__ */ (0,n.jsx)(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.ItemIndicator,{children:e})})}function p({className:r,variant:a,children:o,...s}){return/* @__PURE__ */ (0,n.jsxs)(t.DropdownMenu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:e.cn(`relative`,u({variant:a,indented:!0}),r),...s,children:[/* @__PURE__ */ (0,n.jsx)(f,{children:/* @__PURE__ */ (0,n.jsx)(i.Check,{className:`h-3 w-3 text-doom-blue`})}),o]})}function m(e){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function h({className:r,variant:i,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.DropdownMenu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:e.cn(`relative`,u({variant:i,indented:!0}),r),...o,children:[/* @__PURE__ */ (0,n.jsx)(f,{children:/* @__PURE__ */ (0,n.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),a]})}function g(e){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function _({className:r,children:a,...o}){return/* @__PURE__ */ (0,n.jsxs)(t.DropdownMenu.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:e.cn(u(),`data-[state=open]:bg-doom-deep`,r),...o,children:[/* @__PURE__ */ (0,n.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:a}),/* @__PURE__ */ (0,n.jsx)(i.ChevronRight,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function v({className:r,sideOffset:i=2,...a}){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Portal,{children:/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:i,className:e.cn(c,r),...a})})}function y({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Label,{"data-slot":`dropdown-menu-label`,className:e.cn(`px-2.5 py-1 text-2xs font-bold tracking-wider text-doom-faint uppercase`,r),...i})}function b({className:t,...r}){return/* @__PURE__ */ (0,n.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e.cn(`ml-auto shrink-0 text-xs tracking-wide text-doom-faint`,t),...r})}function x({className:r,...i}){return/* @__PURE__ */ (0,n.jsx)(t.DropdownMenu.Separator,{"data-slot":`dropdown-menu-separator`,className:e.cn(`my-1 h-px bg-doom-border-soft`,r),...i})}exports.DropdownMenu=a,exports.DropdownMenuCheckboxItem=p,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=s,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=y,exports.DropdownMenuRadioGroup=m,exports.DropdownMenuRadioItem=h,exports.DropdownMenuSeparator=x,exports.DropdownMenuShortcut=b,exports.DropdownMenuSub=g,exports.DropdownMenuSubContent=v,exports.DropdownMenuSubTrigger=_,exports.DropdownMenuTrigger=o,exports.dropdownMenuItemVariants=u;
 //# sourceMappingURL=DropdownMenu.cjs.map

package/dist/src/components/DropdownMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.cjs","names":["DropdownMenuPrimitive","cn","cva","CheckIcon","ChevronRightIcon"],"sources":["../../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { CheckIcon, ChevronRightIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\n\n/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\n/** A run of items under one label, so the separator between groups is structural. */\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\n/** The surface every menu and submenu wears. */\nconst CONTENT_CLASS =\n  'z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise';\n\nexport function DropdownMenuContent({\n  className,\n  align = 'end',\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport const dropdownMenuItemVariants = cva(\n  'flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n  {\n    variants: {\n      variant: {\n        default: 'text-doom-hi',\n        destructive: 'text-doom-red',\n      },\n      /** A row that carries a check or bullet keeps a gutter for it, so labels line up whether or not one is set. */\n      indented: { true: 'pl-7', false: '' },\n    },\n    defaultVariants: { variant: 'default', indented: false },\n  },\n);\n\nexport interface DropdownMenuItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.Item>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant ?? 'default'}\n      className={cn(dropdownMenuItemVariants({ variant, indented }), className)}\n      {...props}\n    />\n  );\n}\n\n/** The check or bullet a selectable row shows when it is set; it sits in the row's gutter. */\nfunction ItemIndicator({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>{children}</DropdownMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\n/** A row that toggles: the check lives in the gutter so the label never shifts. */\nexport function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <span className=\"h-1.5 w-1.5 rounded-full bg-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\n/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuItemVariants(), 'data-[state=open]:bg-doom-deep', className)}\n      {...props}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      <ChevronRightIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  sideOffset = 2,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** The keystroke printed at the right of a row; the row supplies the gap. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.cjs","names":["DropdownMenuPrimitive","cn","cva","CheckIcon","ChevronRightIcon"],"sources":["../../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { CheckIcon, ChevronRightIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\n/** A run of items under one label, so the separator between groups is structural. */\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\n/** The surface every menu and submenu wears. */\nconst CONTENT_CLASS =\n  'z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise';\n\nexport function DropdownMenuContent({\n  className,\n  align = 'end',\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport const dropdownMenuItemVariants = cva(\n  'flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n  {\n    variants: {\n      variant: {\n        default: 'text-doom-hi',\n        destructive: 'text-doom-red',\n      },\n      /** A row that carries a check or bullet keeps a gutter for it, so labels line up whether or not one is set. */\n      indented: { true: 'pl-7', false: '' },\n    },\n    defaultVariants: { variant: 'default', indented: false },\n  },\n);\n\nexport interface DropdownMenuItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.Item>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant ?? 'default'}\n      className={cn(dropdownMenuItemVariants({ variant, indented }), className)}\n      {...props}\n    />\n  );\n}\n\n/** The check or bullet a selectable row shows when it is set; it sits in the row's gutter. */\nfunction ItemIndicator({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>{children}</DropdownMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\n/** A row that toggles: the check lives in the gutter so the label never shifts. */\nexport function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <span className=\"h-1.5 w-1.5 rounded-full bg-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\n/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuItemVariants(), 'data-[state=open]:bg-doom-deep', className)}\n      {...props}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      <ChevronRightIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  sideOffset = 2,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('px-2.5 py-1 text-2xs font-bold tracking-wider text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** The keystroke printed at the right of a row; the row supplies the gap. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto shrink-0 text-xs tracking-wide text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/src/components/DropdownMenu.d.mts

@@ -1,34 +1,34 @@
 import { DropdownMenu } from "radix-ui";
-import { VariantProps } from "class-variance-authority";
 import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/DropdownMenu.d.ts
 /** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */
-declare function DropdownMenu$1(props: ComponentProps<typeof DropdownMenu.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenu.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenu$1(props: ComponentProps<typeof DropdownMenu.Root>): import("react").JSX.Element;
+export declare function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenu.Trigger>): import("react").JSX.Element;
 /** A run of items under one label, so the separator between groups is structural. */
-declare function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenu.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.Content>): import("react/jsx-runtime").JSX.Element;
-declare const dropdownMenuItemVariants: (props?: ({
+export declare function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenu.Group>): import("react").JSX.Element;
+export declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.Content>): import("react").JSX.Element;
+export declare const dropdownMenuItemVariants: (props?: ({
   variant?: "default" | "destructive" | null | undefined;
   indented?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenu.Item>, VariantProps<typeof dropdownMenuItemVariants> {}
-declare function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
-interface DropdownMenuCheckboxItemProps extends ComponentProps<typeof DropdownMenu.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}
+export interface DropdownMenuItemProps extends ComponentProps<typeof DropdownMenu.Item>, VariantProps<typeof dropdownMenuItemVariants> {}
+export declare function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps): import("react").JSX.Element;
+export interface DropdownMenuCheckboxItemProps extends ComponentProps<typeof DropdownMenu.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}
 /** A row that toggles: the check lives in the gutter so the label never shifts. */
-declare function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
 /** The exclusive-choice group; pair it with DropdownMenuRadioItem. */
-declare function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenu.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-interface DropdownMenuRadioItemProps extends ComponentProps<typeof DropdownMenu.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}
-declare function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub(props: ComponentProps<typeof DropdownMenu.Sub>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenu.RadioGroup>): import("react").JSX.Element;
+export interface DropdownMenuRadioItemProps extends ComponentProps<typeof DropdownMenu.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}
+export declare function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element;
+export declare function DropdownMenuSub(props: ComponentProps<typeof DropdownMenu.Sub>): import("react").JSX.Element;
 /** The row that opens a submenu; the chevron is part of the row, not the caller's job. */
-declare function DropdownMenuSubTrigger({ className, children, ...props }: ComponentProps<typeof DropdownMenu.SubTrigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.SubContent>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenu.Label>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuSubTrigger({ className, children, ...props }: ComponentProps<typeof DropdownMenu.SubTrigger>): import("react").JSX.Element;
+export declare function DropdownMenuSubContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenu.SubContent>): import("react").JSX.Element;
+export declare function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenu.Label>): import("react").JSX.Element;
 /** The keystroke printed at the right of a row; the row supplies the gap. */
-declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu.Separator>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu.Separator>): import("react").JSX.Element;
 //#endregion
-export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuCheckboxItemProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRadioItemProps, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuItemVariants };
+export { DropdownMenu$1 as DropdownMenu };
 //# sourceMappingURL=DropdownMenu.d.mts.map

package/dist/src/components/DropdownMenu.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.mts","names":[],"sources":["../../../src/components/DropdownMenu.tsx"],"mappings":";;;;;iBAOgB,eAAa,OAAO,sBAAsB,aAAsB,oCAAK,IAAA;iBAIrE,oBAAoB,OAAO,sBAAsB,aAAsB,uCAAQ,IAAA;;iBAK/E,kBAAkB,OAAO,sBAAsB,aAAsB,qCAAM,IAAA;iBAQ3E,sBACd,WACA,OACA,eACG,SACF,sBAAsB,aAAsB,uCAAQ,IAAA;cAc1C,2BAAwB;;;6CAapC;UAEgB,8BACP,sBAAsB,aAAsB,OAAO,oBAAoB;iBAEjE,mBAAmB,WAAW,SAAS,aAAa,SAAS,oDAAqB,IAAA;UAoBjF,sCACP,sBAAsB,aAAsB,eAAe,oBAAoB;;iBAGzE,2BAA2B,WAAW,SAAS,aAAa,SAAS,4DAA6B,IAAA;;iBAgBlG,uBAAuB,OAAO,sBAAsB,aAAsB,0CAAW,IAAA;UAIpF,mCACP,sBAAsB,aAAsB,YAAY,oBAAoB;iBAEtE,wBAAwB,WAAW,SAAS,aAAa,SAAS,yDAA0B,IAAA;iBAe5F,gBAAgB,OAAO,sBAAsB,aAAsB,mCAAI,IAAA;;iBAKvE,yBACd,WACA,aACG,SACF,sBAAsB,aAAsB,0CAAW,IAAA;iBAa1C,yBACd,WACA,eACG,SACF,sBAAsB,aAAsB,0CAAW,IAAA;iBAa1C,oBAAoB,cAAc,SAAS,sBAAsB,aAAsB,qCAAM,IAAA;;iBAW7F,uBAAuB,cAAc,SAAS,qDAAsB,IAAA;iBAUpE,wBAAwB,cAAc,SAAS,sBAAsB,aAAsB,yCAAU,IAAA"}
+{"version":3,"file":"DropdownMenu.d.mts","names":[],"sources":["../../../src/components/DropdownMenu.tsx"],"mappings":";;;;;iBAQgB,eAAa,OAAO,sBAAsB,aAAsB,wBAAK,IAAA;wBAIrE,oBAAoB,OAAO,sBAAsB,aAAsB,2BAAQ,IAAA;;wBAK/E,kBAAkB,OAAO,sBAAsB,aAAsB,yBAAM,IAAA;wBAQ3E,sBACd,WACA,OACA,eACG,SACF,sBAAsB,aAAsB,2BAAQ,IAAA;qBAc1C,2BAAwB;;;6CAapC;iBAEgB,8BACP,sBAAsB,aAAsB,OAAO,oBAAoB;wBAEjE,mBAAmB,WAAW,SAAS,aAAa,SAAS,wCAAqB,IAAA;iBAoBjF,sCACP,sBAAsB,aAAsB,eAAe,oBAAoB;;wBAGzE,2BAA2B,WAAW,SAAS,aAAa,SAAS,gDAA6B,IAAA;;wBAgBlG,uBAAuB,OAAO,sBAAsB,aAAsB,8BAAW,IAAA;iBAIpF,mCACP,sBAAsB,aAAsB,YAAY,oBAAoB;wBAEtE,wBAAwB,WAAW,SAAS,aAAa,SAAS,6CAA0B,IAAA;wBAe5F,gBAAgB,OAAO,sBAAsB,aAAsB,uBAAI,IAAA;;wBAKvE,yBACd,WACA,aACG,SACF,sBAAsB,aAAsB,8BAAW,IAAA;wBAa1C,yBACd,WACA,eACG,SACF,sBAAsB,aAAsB,8BAAW,IAAA;wBAa1C,oBAAoB,cAAc,SAAS,sBAAsB,aAAsB,yBAAM,IAAA;;wBAW7F,uBAAuB,cAAc,SAAS,yCAAsB,IAAA;wBAUpE,wBAAwB,cAAc,SAAS,sBAAsB,aAAsB,6BAAU,IAAA"}

package/dist/src/components/DropdownMenu.mjs

@@ -1,2 +1,2 @@
-import{CheckIcon as e,ChevronRightIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{DropdownMenu as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";function s(e){return i(r.Root,{"data-slot":`dropdown-menu`,...e})}function c(e){return i(r.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l(e){return i(r.Group,{"data-slot":`dropdown-menu-group`,...e})}const u=`z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise`;function d({className:e,align:t=`end`,sideOffset:a=4,...o}){return i(r.Portal,{children:i(r.Content,{"data-slot":`dropdown-menu-content`,align:t,sideOffset:a,className:n(u,e),...o})})}const f=o(`flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,{variants:{variant:{default:`text-doom-hi`,destructive:`text-doom-red`},indented:{true:`pl-7`,false:``}},defaultVariants:{variant:`default`,indented:!1}});function p({className:e,variant:t,indented:a,...o}){return i(r.Item,{"data-slot":`dropdown-menu-item`,"data-variant":t??`default`,className:n(f({variant:t,indented:a}),e),...o})}function m({children:e}){return i(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:i(r.ItemIndicator,{children:e})})}function h({className:t,variant:o,children:s,...c}){return a(r.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:n(`relative`,f({variant:o,indented:!0}),t),...c,children:[i(m,{children:i(e,{className:`h-3 w-3 text-doom-blue`})}),s]})}function g(e){return i(r.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function _({className:e,variant:t,children:o,...s}){return a(r.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:n(`relative`,f({variant:t,indented:!0}),e),...s,children:[i(m,{children:i(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),o]})}function v(e){return i(r.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,children:o,...s}){return a(r.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:n(f(),`data-[state=open]:bg-doom-deep`,e),...s,children:[i(`span`,{className:`min-w-0 flex-1 truncate`,children:o}),i(t,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function b({className:e,sideOffset:t=2,...a}){return i(r.Portal,{children:i(r.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:t,className:n(u,e),...a})})}function x({className:e,...t}){return i(r.Label,{"data-slot":`dropdown-menu-label`,className:n(`px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase`,e),...t})}function S({className:e,...t}){return i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:n(`ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint`,e),...t})}function C({className:e,...t}){return i(r.Separator,{"data-slot":`dropdown-menu-separator`,className:n(`my-1 h-px bg-doom-border-soft`,e),...t})}export{s as DropdownMenu,h as DropdownMenuCheckboxItem,d as DropdownMenuContent,l as DropdownMenuGroup,p as DropdownMenuItem,x as DropdownMenuLabel,g as DropdownMenuRadioGroup,_ as DropdownMenuRadioItem,C as DropdownMenuSeparator,S as DropdownMenuShortcut,v as DropdownMenuSub,b as DropdownMenuSubContent,y as DropdownMenuSubTrigger,c as DropdownMenuTrigger,f as dropdownMenuItemVariants};
+import{CheckIcon as e,ChevronRightIcon as t}from"../icons/icons.mjs";import{cn as n}from"../lib/cn.mjs";import{DropdownMenu as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";function s(e){return/* @__PURE__ */ i(r.Root,{"data-slot":`dropdown-menu`,...e})}function c(e){return/* @__PURE__ */ i(r.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l(e){return/* @__PURE__ */ i(r.Group,{"data-slot":`dropdown-menu-group`,...e})}const u=`z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise`;function d({className:e,align:t=`end`,sideOffset:a=4,...o}){return/* @__PURE__ */ i(r.Portal,{children:/* @__PURE__ */ i(r.Content,{"data-slot":`dropdown-menu-content`,align:t,sideOffset:a,className:n(u,e),...o})})}const f=o(`flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep`,{variants:{variant:{default:`text-doom-hi`,destructive:`text-doom-red`},indented:{true:`pl-7`,false:``}},defaultVariants:{variant:`default`,indented:!1}});function p({className:e,variant:t,indented:a,...o}){return/* @__PURE__ */ i(r.Item,{"data-slot":`dropdown-menu-item`,"data-variant":t??`default`,className:n(f({variant:t,indented:a}),e),...o})}function m({children:e}){return/* @__PURE__ */ i(`span`,{className:`pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center`,children:/* @__PURE__ */ i(r.ItemIndicator,{children:e})})}function h({className:t,variant:o,children:s,...c}){return/* @__PURE__ */ a(r.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:n(`relative`,f({variant:o,indented:!0}),t),...c,children:[/* @__PURE__ */ i(m,{children:/* @__PURE__ */ i(e,{className:`h-3 w-3 text-doom-blue`})}),s]})}function g(e){return/* @__PURE__ */ i(r.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function _({className:e,variant:t,children:o,...s}){return/* @__PURE__ */ a(r.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:n(`relative`,f({variant:t,indented:!0}),e),...s,children:[/* @__PURE__ */ i(m,{children:/* @__PURE__ */ i(`span`,{className:`h-1.5 w-1.5 rounded-full bg-doom-blue`})}),o]})}function v(e){return/* @__PURE__ */ i(r.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,children:o,...s}){return/* @__PURE__ */ a(r.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,className:n(f(),`data-[state=open]:bg-doom-deep`,e),...s,children:[/* @__PURE__ */ i(`span`,{className:`min-w-0 flex-1 truncate`,children:o}),/* @__PURE__ */ i(t,{className:`h-3 w-3 shrink-0 text-doom-faint`})]})}function b({className:e,sideOffset:t=2,...a}){return/* @__PURE__ */ i(r.Portal,{children:/* @__PURE__ */ i(r.SubContent,{"data-slot":`dropdown-menu-sub-content`,sideOffset:t,className:n(u,e),...a})})}function x({className:e,...t}){return/* @__PURE__ */ i(r.Label,{"data-slot":`dropdown-menu-label`,className:n(`px-2.5 py-1 text-2xs font-bold tracking-wider text-doom-faint uppercase`,e),...t})}function S({className:e,...t}){return/* @__PURE__ */ i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:n(`ml-auto shrink-0 text-xs tracking-wide text-doom-faint`,e),...t})}function C({className:e,...t}){return/* @__PURE__ */ i(r.Separator,{"data-slot":`dropdown-menu-separator`,className:n(`my-1 h-px bg-doom-border-soft`,e),...t})}export{s as DropdownMenu,h as DropdownMenuCheckboxItem,d as DropdownMenuContent,l as DropdownMenuGroup,p as DropdownMenuItem,x as DropdownMenuLabel,g as DropdownMenuRadioGroup,_ as DropdownMenuRadioItem,C as DropdownMenuSeparator,S as DropdownMenuShortcut,v as DropdownMenuSub,b as DropdownMenuSubContent,y as DropdownMenuSubTrigger,c as DropdownMenuTrigger,f as dropdownMenuItemVariants};
 //# sourceMappingURL=DropdownMenu.mjs.map

package/dist/src/components/DropdownMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.mjs","names":["DropdownMenu","DropdownMenuPrimitive"],"sources":["../../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { CheckIcon, ChevronRightIcon } from '../icons/icons.ts';\nimport { cn } from '../lib/cn.ts';\n\n/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\n/** A run of items under one label, so the separator between groups is structural. */\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\n/** The surface every menu and submenu wears. */\nconst CONTENT_CLASS =\n  'z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise';\n\nexport function DropdownMenuContent({\n  className,\n  align = 'end',\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport const dropdownMenuItemVariants = cva(\n  'flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-[11px] outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n  {\n    variants: {\n      variant: {\n        default: 'text-doom-hi',\n        destructive: 'text-doom-red',\n      },\n      /** A row that carries a check or bullet keeps a gutter for it, so labels line up whether or not one is set. */\n      indented: { true: 'pl-7', false: '' },\n    },\n    defaultVariants: { variant: 'default', indented: false },\n  },\n);\n\nexport interface DropdownMenuItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.Item>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant ?? 'default'}\n      className={cn(dropdownMenuItemVariants({ variant, indented }), className)}\n      {...props}\n    />\n  );\n}\n\n/** The check or bullet a selectable row shows when it is set; it sits in the row's gutter. */\nfunction ItemIndicator({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>{children}</DropdownMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\n/** A row that toggles: the check lives in the gutter so the label never shifts. */\nexport function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <span className=\"h-1.5 w-1.5 rounded-full bg-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\n/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuItemVariants(), 'data-[state=open]:bg-doom-deep', className)}\n      {...props}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      <ChevronRightIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  sideOffset = 2,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('px-2.5 py-1 text-[8px] font-bold tracking-[0.14em] text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** The keystroke printed at the right of a row; the row supplies the gap. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto shrink-0 text-[10px] tracking-[0.08em] text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.mjs","names":["DropdownMenu","DropdownMenuPrimitive"],"sources":["../../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { CheckIcon, ChevronRightIcon } from '../icons/icons';\nimport { cn } from '../lib/cn';\n\n/** shadcn's DropdownMenu on Radix: roving focus, typeahead, outside click, Escape. */\nexport function DropdownMenu(props: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nexport function DropdownMenuTrigger(props: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\n/** A run of items under one label, so the separator between groups is structural. */\nexport function DropdownMenuGroup(props: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\n/** The surface every menu and submenu wears. */\nconst CONTENT_CLASS =\n  'z-50 flex min-w-[120px] flex-col overflow-hidden rounded border border-doom-border bg-doom-panel py-1 font-mono shadow-xl outline-none data-[state=open]:animate-doom-rise';\n\nexport function DropdownMenuContent({\n  className,\n  align = 'end',\n  sideOffset = 4,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport const dropdownMenuItemVariants = cva(\n  'flex w-full cursor-pointer items-center gap-2 px-2.5 py-1.5 text-left text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-doom-deep',\n  {\n    variants: {\n      variant: {\n        default: 'text-doom-hi',\n        destructive: 'text-doom-red',\n      },\n      /** A row that carries a check or bullet keeps a gutter for it, so labels line up whether or not one is set. */\n      indented: { true: 'pl-7', false: '' },\n    },\n    defaultVariants: { variant: 'default', indented: false },\n  },\n);\n\nexport interface DropdownMenuItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.Item>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuItem({ className, variant, indented, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-variant={variant ?? 'default'}\n      className={cn(dropdownMenuItemVariants({ variant, indented }), className)}\n      {...props}\n    />\n  );\n}\n\n/** The check or bullet a selectable row shows when it is set; it sits in the row's gutter. */\nfunction ItemIndicator({ children }: { children: ReactNode }) {\n  return (\n    <span className=\"pointer-events-none absolute left-2.5 flex h-3 w-3 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>{children}</DropdownMenuPrimitive.ItemIndicator>\n    </span>\n  );\n}\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\n/** A row that toggles: the check lives in the gutter so the label never shifts. */\nexport function DropdownMenuCheckboxItem({ className, variant, children, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <CheckIcon className=\"h-3 w-3 text-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** The exclusive-choice group; pair it with DropdownMenuRadioItem. */\nexport function DropdownMenuRadioGroup(props: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentProps<typeof DropdownMenuPrimitive.RadioItem>, VariantProps<typeof dropdownMenuItemVariants> {}\n\nexport function DropdownMenuRadioItem({ className, variant, children, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn('relative', dropdownMenuItemVariants({ variant, indented: true }), className)}\n      {...props}\n    >\n      <ItemIndicator>\n        <span className=\"h-1.5 w-1.5 rounded-full bg-doom-blue\" />\n      </ItemIndicator>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nexport function DropdownMenuSub(props: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\n/** The row that opens a submenu; the chevron is part of the row, not the caller's job. */\nexport function DropdownMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger>) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuItemVariants(), 'data-[state=open]:bg-doom-deep', className)}\n      {...props}\n    >\n      <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n      <ChevronRightIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nexport function DropdownMenuSubContent({\n  className,\n  sideOffset = 2,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(CONTENT_CLASS, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nexport function DropdownMenuLabel({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label>) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn('px-2.5 py-1 text-2xs font-bold tracking-wider text-doom-faint uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/** The keystroke printed at the right of a row; the row supplies the gap. */\nexport function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto shrink-0 text-xs tracking-wide text-doom-faint', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('my-1 h-px bg-doom-border-soft', className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/src/components/EmptyState.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({title:r,description:i,children:a,className:o,asChild:s=!1,...c}){let l=s?t.Slot.Root:`div`;return(0,n.jsx)(l,{"data-slot":`empty-state`,className:e.cn(`flex flex-1 items-center justify-center px-3 py-4 sm:px-4`,o),...c,children:(0,n.jsxs)(`div`,{className:`flex w-[520px] max-w-full flex-col items-center gap-3 text-center`,children:[(0,n.jsx)(`span`,{className:`text-[14px] font-bold text-doom-hi`,children:r}),i?(0,n.jsx)(`span`,{className:`text-[11px] leading-relaxed text-doom-dim`,children:i}):null,a]})})}exports.EmptyState=r;
+const e=require("../lib/cn.cjs");let t=require("radix-ui"),n=require("react/jsx-runtime");function r({title:r,description:i,children:a,className:o,asChild:s=!1,...c}){let l=s?t.Slot.Root:`div`;return/* @__PURE__ */ (0,n.jsx)(l,{"data-slot":`empty-state`,className:e.cn(`flex flex-1 items-center justify-center px-3 py-4 sm:px-4`,o),...c,children:/* @__PURE__ */ (0,n.jsxs)(`div`,{className:`flex w-[520px] max-w-full flex-col items-center gap-3 text-center`,children:[/* @__PURE__ */ (0,n.jsx)(`span`,{className:`text-base font-bold text-doom-hi`,children:r}),i?/* @__PURE__ */ (0,n.jsx)(`span`,{className:`text-sm leading-relaxed text-doom-dim`,children:i}):null,a]})})}exports.EmptyState=r;
 //# sourceMappingURL=EmptyState.cjs.map

package/dist/src/components/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","names":["Slot","cn"],"sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '../lib/cn.ts';\n\nexport interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Optional calls to action under the copy. */\n  children?: ReactNode;\n  /**\n   * Render the child element instead of a <div>, so an empty row inside a\n   * list stays an <li> and the list keeps its semantics.\n   */\n  asChild?: boolean;\n}\n\n/** The centred \"nothing here yet\" card every empty panel shares. */\nexport function EmptyState({ title, description, children, className, asChild = false, ...props }: EmptyStateProps) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component\n      data-slot=\"empty-state\"\n      className={cn('flex flex-1 items-center justify-center px-3 py-4 sm:px-4', className)}\n      {...props}\n    >\n      <div className=\"flex w-[520px] max-w-full flex-col items-center gap-3 text-center\">\n        <span className=\"text-[14px] font-bold text-doom-hi\">{title}</span>\n        {description ? <span className=\"text-[11px] leading-relaxed text-doom-dim\">{description}</span> : null}\n        {children}\n      </div>\n    </Component>\n  );\n}\n"],"mappings":"0FAiBA,SAAgB,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAG,GAA0B,CAClH,IAAM,EAAY,EAAUA,EAAAA,KAAK,KAAO,MACxC,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,YAAU,cACV,UAAWC,EAAAA,GAAG,4DAA6D,CAAS,EACpF,GAAI,EAEJ,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oEAAf,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,qCAAsC,SAAA,CAAY,CAAA,EACjE,GAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,4CAA6C,SAAA,CAAkB,CAAA,EAAI,KACjG,CACE,GACI,CAAA,CAEf"}
+{"version":3,"file":"EmptyState.cjs","names":["Slot","cn"],"sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\n\nexport interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Optional calls to action under the copy. */\n  children?: ReactNode;\n  /**\n   * Render the child element instead of a <div>, so an empty row inside a\n   * list stays an <li> and the list keeps its semantics.\n   */\n  asChild?: boolean;\n}\n\n/** The centred \"nothing here yet\" card every empty panel shares. */\nexport function EmptyState({ title, description, children, className, asChild = false, ...props }: EmptyStateProps) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component\n      data-slot=\"empty-state\"\n      className={cn('flex flex-1 items-center justify-center px-3 py-4 sm:px-4', className)}\n      {...props}\n    >\n      <div className=\"flex w-[520px] max-w-full flex-col items-center gap-3 text-center\">\n        <span className=\"text-base font-bold text-doom-hi\">{title}</span>\n        {description ? <span className=\"text-sm leading-relaxed text-doom-dim\">{description}</span> : null}\n        {children}\n      </div>\n    </Component>\n  );\n}\n"],"mappings":"0FAkBA,SAAgB,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAG,GAA0B,CAClH,IAAM,EAAY,EAAUA,EAAAA,KAAK,KAAO,MACxC,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,YAAU,cACV,UAAWC,EAAAA,GAAG,4DAA6D,CAAS,EACpF,GAAI,EAEJ,SAAA,iBAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,oEAAf,SAAA,CACE,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,mCAAoC,SAAA,CAAY,CAAA,EAC/D,EAAc,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,wCAAyC,SAAA,CAAkB,CAAA,EAAI,KAC7F,CACE,GACI,CAAA,CAEf"}

package/dist/src/components/EmptyState.d.mts

@@ -1,6 +1,6 @@
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/EmptyState.d.ts
-interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {
+export interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {
   title: ReactNode;
   description?: ReactNode;
   /** Optional calls to action under the copy. */
@@ -12,7 +12,6 @@ interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {
   asChild?: boolean;
 }
 /** The centred "nothing here yet" card every empty panel shares. */
-declare function EmptyState({ title, description, children, className, asChild, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ title, description, children, className, asChild, ...props }: EmptyStateProps): import("react").JSX.Element;
 //#endregion
-export { EmptyState, EmptyStateProps };
 //# sourceMappingURL=EmptyState.d.mts.map

package/dist/src/components/EmptyState.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.mts","names":[],"sources":["../../../src/components/EmptyState.tsx"],"mappings":";;UAIiB,wBAAwB,KAAK;EAC5C,OAAO;EACP,cAAc;;EAEd,WAAW;;;;;EAKX;;;iBAIc,aAAa,OAAO,aAAa,UAAU,WAAW,YAAoB,SAAS,8CAAe,IAAA"}
+{"version":3,"file":"EmptyState.d.mts","names":[],"sources":["../../../src/components/EmptyState.tsx"],"mappings":";;iBAKiB,wBAAwB,KAAK;EAC5C,OAAO;EACP,cAAc;;EAEd,WAAW;;;;;EAKX;;;wBAIc,aAAa,OAAO,aAAa,UAAU,WAAW,YAAoB,SAAS,kCAAe,IAAA"}

package/dist/src/components/EmptyState.mjs

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{Slot as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({title:i,description:a,children:o,className:s,asChild:c=!1,...l}){let u=c?t.Root:`div`;return n(u,{"data-slot":`empty-state`,className:e(`flex flex-1 items-center justify-center px-3 py-4 sm:px-4`,s),...l,children:r(`div`,{className:`flex w-[520px] max-w-full flex-col items-center gap-3 text-center`,children:[n(`span`,{className:`text-[14px] font-bold text-doom-hi`,children:i}),a?n(`span`,{className:`text-[11px] leading-relaxed text-doom-dim`,children:a}):null,o]})})}export{i as EmptyState};
+import{cn as e}from"../lib/cn.mjs";import{Slot as t}from"radix-ui";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({title:i,description:a,children:o,className:s,asChild:c=!1,...l}){let u=c?t.Root:`div`;return/* @__PURE__ */ n(u,{"data-slot":`empty-state`,className:e(`flex flex-1 items-center justify-center px-3 py-4 sm:px-4`,s),...l,children:/* @__PURE__ */ r(`div`,{className:`flex w-[520px] max-w-full flex-col items-center gap-3 text-center`,children:[/* @__PURE__ */ n(`span`,{className:`text-base font-bold text-doom-hi`,children:i}),a?/* @__PURE__ */ n(`span`,{className:`text-sm leading-relaxed text-doom-dim`,children:a}):null,o]})})}export{i as EmptyState};
 //# sourceMappingURL=EmptyState.mjs.map

package/dist/src/components/EmptyState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.mjs","names":[],"sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { cn } from '../lib/cn.ts';\n\nexport interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Optional calls to action under the copy. */\n  children?: ReactNode;\n  /**\n   * Render the child element instead of a <div>, so an empty row inside a\n   * list stays an <li> and the list keeps its semantics.\n   */\n  asChild?: boolean;\n}\n\n/** The centred \"nothing here yet\" card every empty panel shares. */\nexport function EmptyState({ title, description, children, className, asChild = false, ...props }: EmptyStateProps) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component\n      data-slot=\"empty-state\"\n      className={cn('flex flex-1 items-center justify-center px-3 py-4 sm:px-4', className)}\n      {...props}\n    >\n      <div className=\"flex w-[520px] max-w-full flex-col items-center gap-3 text-center\">\n        <span className=\"text-[14px] font-bold text-doom-hi\">{title}</span>\n        {description ? <span className=\"text-[11px] leading-relaxed text-doom-dim\">{description}</span> : null}\n        {children}\n      </div>\n    </Component>\n  );\n}\n"],"mappings":"qHAiBA,SAAgB,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAG,GAA0B,CAClH,IAAM,EAAY,EAAU,EAAK,KAAO,MACxC,OACE,EAAC,EAAD,CACE,YAAU,cACV,UAAW,EAAG,4DAA6D,CAAS,EACpF,GAAI,EAEJ,SAAA,EAAC,MAAD,CAAK,UAAU,oEAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,qCAAsC,SAAA,CAAY,CAAA,EACjE,EAAc,EAAC,OAAD,CAAM,UAAU,4CAA6C,SAAA,CAAkB,CAAA,EAAI,KACjG,CACE,GACI,CAAA,CAEf"}
+{"version":3,"file":"EmptyState.mjs","names":[],"sources":["../../../src/components/EmptyState.tsx"],"sourcesContent":["import { Slot } from 'radix-ui';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../lib/cn';\n\nexport interface EmptyStateProps extends Omit<ComponentProps<'div'>, 'title'> {\n  title: ReactNode;\n  description?: ReactNode;\n  /** Optional calls to action under the copy. */\n  children?: ReactNode;\n  /**\n   * Render the child element instead of a <div>, so an empty row inside a\n   * list stays an <li> and the list keeps its semantics.\n   */\n  asChild?: boolean;\n}\n\n/** The centred \"nothing here yet\" card every empty panel shares. */\nexport function EmptyState({ title, description, children, className, asChild = false, ...props }: EmptyStateProps) {\n  const Component = asChild ? Slot.Root : 'div';\n  return (\n    <Component\n      data-slot=\"empty-state\"\n      className={cn('flex flex-1 items-center justify-center px-3 py-4 sm:px-4', className)}\n      {...props}\n    >\n      <div className=\"flex w-[520px] max-w-full flex-col items-center gap-3 text-center\">\n        <span className=\"text-base font-bold text-doom-hi\">{title}</span>\n        {description ? <span className=\"text-sm leading-relaxed text-doom-dim\">{description}</span> : null}\n        {children}\n      </div>\n    </Component>\n  );\n}\n"],"mappings":"qHAkBA,SAAgB,EAAW,CAAE,QAAO,cAAa,WAAU,YAAW,UAAU,GAAO,GAAG,GAA0B,CAClH,IAAM,EAAY,EAAU,EAAK,KAAO,MACxC,MACE,kBAAC,EAAD,CACE,YAAU,cACV,UAAW,EAAG,4DAA6D,CAAS,EACpF,GAAI,EAEJ,SAAA,kBAAC,MAAD,CAAK,UAAU,oEAAf,SAAA,CACE,kBAAC,OAAD,CAAM,UAAU,mCAAoC,SAAA,CAAY,CAAA,EAC/D,EAAc,kBAAC,OAAD,CAAM,UAAU,wCAAyC,SAAA,CAAkB,CAAA,EAAI,KAC7F,CACE,GACI,CAAA,CAEf"}

package/dist/src/components/HashlineLines.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/cn.cjs"),t=require("../lib/hashlineHighlight.cjs"),n=require("../lib/syntaxHighlight.cjs"),r=require("./SyntaxText.cjs");let i=require("react/jsx-runtime"),a=require("react");const o=/* @__PURE__ */ new Map;function s(e){let r=t.hashlineGroupsKey(e),[i,s]=(0,a.useState)(void 0);return(0,a.useEffect)(()=>{let t=!0,i=/* @__PURE__ */ new Map,a=e.map(async e=>{let t=n.detectGrammar({path:e.path,text:e.text});if(t===void 0)return;let r=await n.highlightToLines(e.text,t);if(r!==void 0)for(let[t,n]of e.indices.entries()){let e=r[t];e!==void 0&&i.set(n,e)}});return Promise.allSettled(a).then(()=>{t&&i.size>0&&s({key:r,spans:i})}),()=>{t=!1}},[r]),i?.key===r?i.spans:o}function c({className:n,lines:o,gutter:c,path:l,...u}){let d=s((0,a.useMemo)(()=>t.hashlineGroups(o,l),[o,l])),f={width:`${c}ch`};return/* @__PURE__ */ (0,i.jsx)(`div`,{"data-slot":`hashline-lines`,className:e.cn(`flex flex-col font-mono`,n),...u,children:o.map((e,t)=>{if(e.type===`file`)return/* @__PURE__ */ (0,i.jsx)(`span`,{className:`mt-1 truncate text-doom-faint first:mt-0`,children:e.path},t);if(e.type===`plain`)return/* @__PURE__ */ (0,i.jsx)(`span`,{className:`whitespace-pre-wrap break-words text-doom-dim`,children:e.text},t);let{value:n}=e;return/* @__PURE__ */ (0,i.jsxs)(`span`,{className:`flex gap-2`,children:[n.marker===void 0?null:/* @__PURE__ */ (0,i.jsx)(`span`,{className:`w-4 shrink-0 ${n.marker===`match`?`text-doom-blue`:`text-doom-faint`}`,children:n.marker===`match`?`>>`:``}),/* @__PURE__ */ (0,i.jsx)(`span`,{className:`shrink-0 text-right text-doom-faint`,style:f,children:n.line}),/* @__PURE__ */ (0,i.jsx)(r.SyntaxLine,{spans:d.get(t),text:n.content,className:`min-w-0 whitespace-pre-wrap break-words ${n.marker===`match`?`text-doom-hi`:`text-doom-text`}`})]},t)})})}exports.HashlineLines=c;
+//# sourceMappingURL=HashlineLines.cjs.map

package/dist/src/components/HashlineLines.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashlineLines.cjs","names":["hashlineGroupsKey","useState","detectGrammar","highlightToLines","useMemo","hashlineGroups","cn","SyntaxLine"],"sources":["../../../src/components/HashlineLines.tsx"],"sourcesContent":["import { type ComponentProps, useEffect, useMemo, useState } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { type HashlineGroup, hashlineGroups, hashlineGroupsKey } from '../lib/hashlineHighlight';\nimport type { PresentedLine } from '../lib/hashlineView';\nimport { detectGrammar, highlightToLines, type SyntaxSpan } from '../lib/syntaxHighlight';\nimport { SyntaxLine } from './SyntaxText';\n\n/**\n * The anchored body shared by hashline results: a file heading per group, a\n * right-aligned line-number gutter, and a `>>` marker on grep matches. The\n * gutter width is a style, not a class, because it follows the widest number.\n *\n * The anchored lines are coloured with the editor's grammars when the body\n * names a file, or when `path` names one for a result that does not. Colour\n * arrives a frame or two late and never blocks the text: an unhighlighted body\n * is the same body without the colours.\n */\nexport interface HashlineLinesProps extends ComponentProps<'div'> {\n  lines: readonly PresentedLine[];\n  /** Width of the line-number column, in characters, from `hashlineBody`. */\n  gutter: number;\n  /** The file a body of bare anchored lines came from, for highlighting. */\n  path?: string | undefined;\n}\n\nconst NO_SPANS: ReadonlyMap<number, readonly SyntaxSpan[]> = new Map();\n\n/**\n * Spans per presented-line index, once every file's run has parsed. The result\n * is stored with the body it belongs to, so a body that has changed since\n * reads as plain rather than wearing the previous body's colours.\n */\nfunction useHashlineSpans(groups: readonly HashlineGroup[]): ReadonlyMap<number, readonly SyntaxSpan[]> {\n  const key = hashlineGroupsKey(groups);\n  const [done, setDone] = useState<{ key: string; spans: ReadonlyMap<number, readonly SyntaxSpan[]> } | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    let live = true;\n    const next = new Map<number, readonly SyntaxSpan[]>();\n    const work = groups.map(async (group) => {\n      const grammar = detectGrammar({ path: group.path, text: group.text });\n      if (grammar === undefined) return;\n      const highlighted = await highlightToLines(group.text, grammar);\n      if (highlighted === undefined) return;\n      for (const [offset, index] of group.indices.entries()) {\n        const line = highlighted[offset];\n        if (line !== undefined) next.set(index, line);\n      }\n    });\n    // One state write for the whole body, so a many-file grep result does not\n    // repaint once per file. A grammar that fails to load leaves its run plain.\n    void Promise.allSettled(work).then(() => {\n      if (live && next.size > 0) setDone({ key, spans: next });\n    });\n    return () => {\n      live = false;\n    };\n    // The groups are rebuilt every render; their key is what actually changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  return done?.key === key ? done.spans : NO_SPANS;\n}\n\nexport function HashlineLines({ className, lines, gutter, path, ...props }: HashlineLinesProps) {\n  const groups = useMemo(() => hashlineGroups(lines, path), [lines, path]);\n  const spans = useHashlineSpans(groups);\n  // Bound to a name rather than written inline: this file ships as a scaffold\n  // template too, and an inline style object opens with the same two braces\n  // Liquid reads as an output tag, which fails to render.\n  const gutterStyle = { width: `${gutter}ch` };\n  return (\n    <div data-slot=\"hashline-lines\" className={cn('flex flex-col font-mono', className)} {...props}>\n      {lines.map((line, index) => {\n        if (line.type === 'file') {\n          return (\n            <span key={index} className=\"mt-1 truncate text-doom-faint first:mt-0\">\n              {line.path}\n            </span>\n          );\n        }\n        if (line.type === 'plain') {\n          return (\n            <span key={index} className=\"whitespace-pre-wrap break-words text-doom-dim\">\n              {line.text}\n            </span>\n          );\n        }\n        const { value } = line;\n        return (\n          <span key={index} className=\"flex gap-2\">\n            {value.marker !== undefined ? (\n              <span className={`w-4 shrink-0 ${value.marker === 'match' ? 'text-doom-blue' : 'text-doom-faint'}`}>\n                {value.marker === 'match' ? '>>' : ''}\n              </span>\n            ) : null}\n            <span className=\"shrink-0 text-right text-doom-faint\" style={gutterStyle}>\n              {value.line}\n            </span>\n            <SyntaxLine\n              spans={spans.get(index)}\n              text={value.content}\n              className={`min-w-0 whitespace-pre-wrap break-words ${value.marker === 'match' ? 'text-doom-hi' : 'text-doom-text'}`}\n            />\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"uMA0BA,MAAM,kBAAuD,IAAI,IAOjE,SAAS,EAAiB,EAA8E,CACtG,IAAM,EAAMA,EAAAA,kBAAkB,CAAM,EAC9B,CAAC,EAAM,IAAA,EAAWC,EAAAA,SAAAA,CACtB,IAAA,EACF,EA2BA,OAzBA,EAAA,EAAA,UAAA,KAAgB,CACd,IAAI,EAAO,GACL,kBAAO,IAAI,IACX,EAAO,EAAO,IAAI,KAAO,IAAU,CACvC,IAAM,EAAUC,EAAAA,cAAc,CAAE,KAAM,EAAM,KAAM,KAAM,EAAM,IAAK,CAAC,EACpE,GAAI,IAAY,IAAA,GAAW,OAC3B,IAAM,EAAc,MAAMC,EAAAA,iBAAiB,EAAM,KAAM,CAAO,EAC1D,OAAgB,IAAA,GACpB,IAAK,GAAM,CAAC,EAAQ,KAAU,EAAM,QAAQ,QAAQ,EAAG,CACrD,IAAM,EAAO,EAAY,GACrB,IAAS,IAAA,IAAW,EAAK,IAAI,EAAO,CAAI,CAC9C,CACF,CAAC,EAMD,OAHA,QAAa,WAAW,CAAI,CAAC,CAAC,SAAW,CACnC,GAAQ,EAAK,KAAO,GAAG,EAAQ,CAAE,MAAK,MAAO,CAAK,CAAC,CACzD,CAAC,MACY,CACX,EAAO,EACT,CAGF,EAAG,CAAC,CAAG,CAAC,EAED,GAAM,MAAQ,EAAM,EAAK,MAAQ,CAC1C,CAEA,SAAgB,EAAc,CAAE,YAAW,QAAO,SAAQ,OAAM,GAAG,GAA6B,CAE9F,IAAM,EAAQ,GAAA,EADCC,EAAAA,QAAAA,KAAcC,EAAAA,eAAe,EAAO,CAAI,EAAG,CAAC,EAAO,CAAI,CAClC,CAAC,EAI/B,EAAc,CAAE,MAAO,GAAG,EAAO,GAAI,EAC3C,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,YAAU,iBAAiB,UAAWC,EAAAA,GAAG,0BAA2B,CAAS,EAAG,GAAI,EACtF,SAAA,EAAM,KAAK,EAAM,IAAU,CAC1B,GAAI,EAAK,OAAS,OAChB,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAkB,UAAU,2CACzB,SAAA,EAAK,IACF,EAFK,CAEL,EAGV,GAAI,EAAK,OAAS,QAChB,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAkB,UAAU,gDACzB,SAAA,EAAK,IACF,EAFK,CAEL,EAGV,GAAM,CAAE,SAAU,EAClB,MACE,iBAAA,EAAA,EAAA,KAAA,CAAC,OAAD,CAAkB,UAAU,aAA5B,SAAA,CACG,EAAM,SAAW,IAAA,GAId,KAHF,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,gBAAgB,EAAM,SAAW,QAAU,iBAAmB,oBAC5E,SAAA,EAAM,SAAW,QAAU,KAAO,EAC/B,CAAA,EAER,iBAAA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,sCAAsC,MAAO,EAC1D,SAAA,EAAM,IACH,CAAA,EACN,iBAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CACE,MAAO,EAAM,IAAI,CAAK,EACtB,KAAM,EAAM,QACZ,UAAW,2CAA2C,EAAM,SAAW,QAAU,eAAiB,kBACnG,CAAA,CACG,CAdK,EAAA,CAcL,CAEV,CAAC,CACE,CAAA,CAET"}

package/dist/src/components/HashlineLines.d.mts

@@ -0,0 +1,23 @@
+import { PresentedLine } from "../lib/hashlineView.mjs";
+import { ComponentProps } from "react";
+//#region src/components/HashlineLines.d.ts
+/**
+ * The anchored body shared by hashline results: a file heading per group, a
+ * right-aligned line-number gutter, and a `>>` marker on grep matches. The
+ * gutter width is a style, not a class, because it follows the widest number.
+ *
+ * The anchored lines are coloured with the editor's grammars when the body
+ * names a file, or when `path` names one for a result that does not. Colour
+ * arrives a frame or two late and never blocks the text: an unhighlighted body
+ * is the same body without the colours.
+ */
+export interface HashlineLinesProps extends ComponentProps<'div'> {
+  lines: readonly PresentedLine[];
+  /** Width of the line-number column, in characters, from `hashlineBody`. */
+  gutter: number;
+  /** The file a body of bare anchored lines came from, for highlighting. */
+  path?: string | undefined;
+}
+export declare function HashlineLines({ className, lines, gutter, path, ...props }: HashlineLinesProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=HashlineLines.d.mts.map

package/dist/src/components/HashlineLines.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashlineLines.d.mts","names":[],"sources":["../../../src/components/HashlineLines.tsx"],"mappings":";;;;;;;;;;;;;iBAkBiB,2BAA2B;EAC1C,gBAAgB;;EAEhB;;EAEA;;wBA4Cc,gBAAgB,WAAW,OAAO,QAAQ,SAAS,SAAS,qCAAkB,IAAA"}

package/dist/src/components/HashlineLines.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"../lib/cn.mjs";import{hashlineGroups as t,hashlineGroupsKey as n}from"../lib/hashlineHighlight.mjs";import{detectGrammar as r,highlightToLines as i}from"../lib/syntaxHighlight.mjs";import{SyntaxLine as a}from"./SyntaxText.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useEffect as c,useMemo as l,useState as u}from"react";const d=/* @__PURE__ */ new Map;function f(e){let t=n(e),[a,o]=u(void 0);return c(()=>{let n=!0,a=/* @__PURE__ */ new Map,s=e.map(async e=>{let t=r({path:e.path,text:e.text});if(t===void 0)return;let n=await i(e.text,t);if(n!==void 0)for(let[t,r]of e.indices.entries()){let e=n[t];e!==void 0&&a.set(r,e)}});return Promise.allSettled(s).then(()=>{n&&a.size>0&&o({key:t,spans:a})}),()=>{n=!1}},[t]),a?.key===t?a.spans:d}function p({className:n,lines:r,gutter:i,path:c,...u}){let d=f(l(()=>t(r,c),[r,c])),p={width:`${i}ch`};return/* @__PURE__ */ o(`div`,{"data-slot":`hashline-lines`,className:e(`flex flex-col font-mono`,n),...u,children:r.map((e,t)=>{if(e.type===`file`)return/* @__PURE__ */ o(`span`,{className:`mt-1 truncate text-doom-faint first:mt-0`,children:e.path},t);if(e.type===`plain`)return/* @__PURE__ */ o(`span`,{className:`whitespace-pre-wrap break-words text-doom-dim`,children:e.text},t);let{value:n}=e;return/* @__PURE__ */ s(`span`,{className:`flex gap-2`,children:[n.marker===void 0?null:/* @__PURE__ */ o(`span`,{className:`w-4 shrink-0 ${n.marker===`match`?`text-doom-blue`:`text-doom-faint`}`,children:n.marker===`match`?`>>`:``}),/* @__PURE__ */ o(`span`,{className:`shrink-0 text-right text-doom-faint`,style:p,children:n.line}),/* @__PURE__ */ o(a,{spans:d.get(t),text:n.content,className:`min-w-0 whitespace-pre-wrap break-words ${n.marker===`match`?`text-doom-hi`:`text-doom-text`}`})]},t)})})}export{p as HashlineLines};
+//# sourceMappingURL=HashlineLines.mjs.map

package/dist/src/components/HashlineLines.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashlineLines.mjs","names":[],"sources":["../../../src/components/HashlineLines.tsx"],"sourcesContent":["import { type ComponentProps, useEffect, useMemo, useState } from 'react';\n\nimport { cn } from '../lib/cn';\nimport { type HashlineGroup, hashlineGroups, hashlineGroupsKey } from '../lib/hashlineHighlight';\nimport type { PresentedLine } from '../lib/hashlineView';\nimport { detectGrammar, highlightToLines, type SyntaxSpan } from '../lib/syntaxHighlight';\nimport { SyntaxLine } from './SyntaxText';\n\n/**\n * The anchored body shared by hashline results: a file heading per group, a\n * right-aligned line-number gutter, and a `>>` marker on grep matches. The\n * gutter width is a style, not a class, because it follows the widest number.\n *\n * The anchored lines are coloured with the editor's grammars when the body\n * names a file, or when `path` names one for a result that does not. Colour\n * arrives a frame or two late and never blocks the text: an unhighlighted body\n * is the same body without the colours.\n */\nexport interface HashlineLinesProps extends ComponentProps<'div'> {\n  lines: readonly PresentedLine[];\n  /** Width of the line-number column, in characters, from `hashlineBody`. */\n  gutter: number;\n  /** The file a body of bare anchored lines came from, for highlighting. */\n  path?: string | undefined;\n}\n\nconst NO_SPANS: ReadonlyMap<number, readonly SyntaxSpan[]> = new Map();\n\n/**\n * Spans per presented-line index, once every file's run has parsed. The result\n * is stored with the body it belongs to, so a body that has changed since\n * reads as plain rather than wearing the previous body's colours.\n */\nfunction useHashlineSpans(groups: readonly HashlineGroup[]): ReadonlyMap<number, readonly SyntaxSpan[]> {\n  const key = hashlineGroupsKey(groups);\n  const [done, setDone] = useState<{ key: string; spans: ReadonlyMap<number, readonly SyntaxSpan[]> } | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    let live = true;\n    const next = new Map<number, readonly SyntaxSpan[]>();\n    const work = groups.map(async (group) => {\n      const grammar = detectGrammar({ path: group.path, text: group.text });\n      if (grammar === undefined) return;\n      const highlighted = await highlightToLines(group.text, grammar);\n      if (highlighted === undefined) return;\n      for (const [offset, index] of group.indices.entries()) {\n        const line = highlighted[offset];\n        if (line !== undefined) next.set(index, line);\n      }\n    });\n    // One state write for the whole body, so a many-file grep result does not\n    // repaint once per file. A grammar that fails to load leaves its run plain.\n    void Promise.allSettled(work).then(() => {\n      if (live && next.size > 0) setDone({ key, spans: next });\n    });\n    return () => {\n      live = false;\n    };\n    // The groups are rebuilt every render; their key is what actually changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  return done?.key === key ? done.spans : NO_SPANS;\n}\n\nexport function HashlineLines({ className, lines, gutter, path, ...props }: HashlineLinesProps) {\n  const groups = useMemo(() => hashlineGroups(lines, path), [lines, path]);\n  const spans = useHashlineSpans(groups);\n  // Bound to a name rather than written inline: this file ships as a scaffold\n  // template too, and an inline style object opens with the same two braces\n  // Liquid reads as an output tag, which fails to render.\n  const gutterStyle = { width: `${gutter}ch` };\n  return (\n    <div data-slot=\"hashline-lines\" className={cn('flex flex-col font-mono', className)} {...props}>\n      {lines.map((line, index) => {\n        if (line.type === 'file') {\n          return (\n            <span key={index} className=\"mt-1 truncate text-doom-faint first:mt-0\">\n              {line.path}\n            </span>\n          );\n        }\n        if (line.type === 'plain') {\n          return (\n            <span key={index} className=\"whitespace-pre-wrap break-words text-doom-dim\">\n              {line.text}\n            </span>\n          );\n        }\n        const { value } = line;\n        return (\n          <span key={index} className=\"flex gap-2\">\n            {value.marker !== undefined ? (\n              <span className={`w-4 shrink-0 ${value.marker === 'match' ? 'text-doom-blue' : 'text-doom-faint'}`}>\n                {value.marker === 'match' ? '>>' : ''}\n              </span>\n            ) : null}\n            <span className=\"shrink-0 text-right text-doom-faint\" style={gutterStyle}>\n              {value.line}\n            </span>\n            <SyntaxLine\n              spans={spans.get(index)}\n              text={value.content}\n              className={`min-w-0 whitespace-pre-wrap break-words ${value.marker === 'match' ? 'text-doom-hi' : 'text-doom-text'}`}\n            />\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"sWA0BA,MAAM,kBAAuD,IAAI,IAOjE,SAAS,EAAiB,EAA8E,CACtG,IAAM,EAAM,EAAkB,CAAM,EAC9B,CAAC,EAAM,GAAW,EACtB,IAAA,EACF,EA2BA,OAzBA,MAAgB,CACd,IAAI,EAAO,GACL,kBAAO,IAAI,IACX,EAAO,EAAO,IAAI,KAAO,IAAU,CACvC,IAAM,EAAU,EAAc,CAAE,KAAM,EAAM,KAAM,KAAM,EAAM,IAAK,CAAC,EACpE,GAAI,IAAY,IAAA,GAAW,OAC3B,IAAM,EAAc,MAAM,EAAiB,EAAM,KAAM,CAAO,EAC1D,OAAgB,IAAA,GACpB,IAAK,GAAM,CAAC,EAAQ,KAAU,EAAM,QAAQ,QAAQ,EAAG,CACrD,IAAM,EAAO,EAAY,GACrB,IAAS,IAAA,IAAW,EAAK,IAAI,EAAO,CAAI,CAC9C,CACF,CAAC,EAMD,OAHA,QAAa,WAAW,CAAI,CAAC,CAAC,SAAW,CACnC,GAAQ,EAAK,KAAO,GAAG,EAAQ,CAAE,MAAK,MAAO,CAAK,CAAC,CACzD,CAAC,MACY,CACX,EAAO,EACT,CAGF,EAAG,CAAC,CAAG,CAAC,EAED,GAAM,MAAQ,EAAM,EAAK,MAAQ,CAC1C,CAEA,SAAgB,EAAc,CAAE,YAAW,QAAO,SAAQ,OAAM,GAAG,GAA6B,CAE9F,IAAM,EAAQ,EADC,MAAc,EAAe,EAAO,CAAI,EAAG,CAAC,EAAO,CAAI,CAClC,CAAC,EAI/B,EAAc,CAAE,MAAO,GAAG,EAAO,GAAI,EAC3C,MACE,kBAAC,MAAD,CAAK,YAAU,iBAAiB,UAAW,EAAG,0BAA2B,CAAS,EAAG,GAAI,EACtF,SAAA,EAAM,KAAK,EAAM,IAAU,CAC1B,GAAI,EAAK,OAAS,OAChB,MACE,kBAAC,OAAD,CAAkB,UAAU,2CACzB,SAAA,EAAK,IACF,EAFK,CAEL,EAGV,GAAI,EAAK,OAAS,QAChB,MACE,kBAAC,OAAD,CAAkB,UAAU,gDACzB,SAAA,EAAK,IACF,EAFK,CAEL,EAGV,GAAM,CAAE,SAAU,EAClB,MACE,kBAAC,OAAD,CAAkB,UAAU,aAA5B,SAAA,CACG,EAAM,SAAW,IAAA,GAId,KAHF,kBAAC,OAAD,CAAM,UAAW,gBAAgB,EAAM,SAAW,QAAU,iBAAmB,oBAC5E,SAAA,EAAM,SAAW,QAAU,KAAO,EAC/B,CAAA,EAER,kBAAC,OAAD,CAAM,UAAU,sCAAsC,MAAO,EAC1D,SAAA,EAAM,IACH,CAAA,EACN,kBAAC,EAAD,CACE,MAAO,EAAM,IAAI,CAAK,EACtB,KAAM,EAAM,QACZ,UAAW,2CAA2C,EAAM,SAAW,QAAU,eAAiB,kBACnG,CAAA,CACG,CAdK,EAAA,CAcL,CAEV,CAAC,CACE,CAAA,CAET"}

package/dist/src/components/Input.cjs

@@ -1,2 +1,2 @@
-const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red`,{variants:{variant:{default:`rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60`,bare:`border-0 bg-transparent`},size:{xs:`px-1.5 py-0.5 text-[10px]`,sm:`px-2 py-1 text-[11px]`,md:`px-2.5 py-1.5 text-[12px]`,lg:`px-3 py-2 text-[13px]`}},compoundVariants:[{variant:`bare`,class:`p-0`}],defaultVariants:{variant:`default`,size:`md`}});function r({className:r,type:i,variant:a,size:o,...s}){return(0,t.jsx)(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e.cn(n({variant:a,size:o}),r),...s})}exports.Input=r,exports.fieldVariants=n;
+const e=require("../lib/cn.cjs");let t=require("react/jsx-runtime");const n=(0,require("class-variance-authority").cva)(`min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red`,{variants:{variant:{default:`rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60`,bare:`border-0 bg-transparent`},size:{xs:`px-1.5 py-0.5 text-2xs`,sm:`px-2 py-1 text-xs`,md:`px-2.5 py-1.5 text-sm`,lg:`px-3 py-2 text-base`}},compoundVariants:[{variant:`bare`,class:`p-0`}],defaultVariants:{variant:`default`,size:`md`}});function r({className:r,type:i,variant:a,size:o,...s}){return/* @__PURE__ */ (0,t.jsx)(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e.cn(n({variant:a,size:o}),r),...s})}exports.Input=r,exports.fieldVariants=n;
 //# sourceMappingURL=Input.cjs.map

package/dist/src/components/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","names":["cva","cn"],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '../lib/cn.ts';\n\n/**\n * The shape both fields wear, so a single-line and a multi-line field in the\n * same form agree on their well, their type ramp, and their invalid state.\n * Textarea builds on it rather than restating it.\n */\nexport const fieldVariants = cva(\n  'min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red',\n  {\n    variants: {\n      variant: {\n        default: 'rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60',\n        /** No well: a composer or a palette search that draws its own surface. */\n        bare: 'border-0 bg-transparent',\n      },\n      /** The same rungs Button names, so a field and the button beside it line up. */\n      size: {\n        xs: 'px-1.5 py-0.5 text-[10px]',\n        sm: 'px-2 py-1 text-[11px]',\n        md: 'px-2.5 py-1.5 text-[12px]',\n        lg: 'px-3 py-2 text-[13px]',\n      },\n    },\n    compoundVariants: [\n      // A bare field sits inside a surface that already has its own padding,\n      // so it keeps the size's type ramp and gives up the size's box.\n      { variant: 'bare', class: 'p-0' },\n    ],\n    defaultVariants: { variant: 'default', size: 'md' },\n  },\n);\n\nexport type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;\nexport type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\n\nexport interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}\n\n/** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */\nexport function Input({ className, type, variant, size, ...props }: InputProps) {\n  return (\n    <input\n      type={type ?? 'text'}\n      data-slot=\"input\"\n      spellCheck={false}\n      className={cn(fieldVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEASA,MAAa,GAAA,oCAAgBA,CAAAA,CAAAA,IAAAA,CAC3B,2JACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6FAET,KAAM,yBACR,EAEA,KAAM,CACJ,GAAI,4BACJ,GAAI,wBACJ,GAAI,4BACJ,GAAI,uBACN,CACF,EACA,iBAAkB,CAGhB,CAAE,QAAS,OAAQ,MAAO,KAAM,CAClC,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,IAAK,CACpD,CACF,EAQA,SAAgB,EAAM,CAAE,YAAW,OAAM,UAAS,OAAM,GAAG,GAAqB,CAC9E,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,KAAM,GAAQ,OACd,YAAU,QACV,WAAY,GACZ,UAAWC,EAAAA,GAAG,EAAc,CAAE,UAAS,MAAK,CAAC,EAAG,CAAS,EACzD,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"Input.cjs","names":["cva","cn"],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/**\n * The shape both fields wear, so a single-line and a multi-line field in the\n * same form agree on their well, their type ramp, and their invalid state.\n * Textarea builds on it rather than restating it.\n */\nexport const fieldVariants = cva(\n  'min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red',\n  {\n    variants: {\n      variant: {\n        default: 'rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60',\n        /** No well: a composer or a palette search that draws its own surface. */\n        bare: 'border-0 bg-transparent',\n      },\n      /** The same rungs Button names, so a field and the button beside it line up. */\n      size: {\n        xs: 'px-1.5 py-0.5 text-2xs',\n        sm: 'px-2 py-1 text-xs',\n        md: 'px-2.5 py-1.5 text-sm',\n        lg: 'px-3 py-2 text-base',\n      },\n    },\n    compoundVariants: [\n      // A bare field sits inside a surface that already has its own padding,\n      // so it keeps the size's type ramp and gives up the size's box.\n      { variant: 'bare', class: 'p-0' },\n    ],\n    defaultVariants: { variant: 'default', size: 'md' },\n  },\n);\n\nexport type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;\nexport type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;\n\nexport interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}\n\n/** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */\nexport function Input({ className, type, variant, size, ...props }: InputProps) {\n  return (\n    <input\n      type={type ?? 'text'}\n      data-slot=\"input\"\n      spellCheck={false}\n      className={cn(fieldVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"oEAUA,MAAa,GAAA,oCAAgBA,CAAAA,CAAAA,IAAAA,CAC3B,2JACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,6FAET,KAAM,yBACR,EAEA,KAAM,CACJ,GAAI,yBACJ,GAAI,oBACJ,GAAI,wBACJ,GAAI,qBACN,CACF,EACA,iBAAkB,CAGhB,CAAE,QAAS,OAAQ,MAAO,KAAM,CAClC,EACA,gBAAiB,CAAE,QAAS,UAAW,KAAM,IAAK,CACpD,CACF,EAQA,SAAgB,EAAM,CAAE,YAAW,OAAM,UAAS,OAAM,GAAG,GAAqB,CAC9E,MACE,iBAAA,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,KAAM,GAAQ,OACd,YAAU,QACV,WAAY,GACZ,UAAWC,EAAAA,GAAG,EAAc,CAAE,UAAS,MAAK,CAAC,EAAG,CAAS,EACzD,GAAI,CACL,CAAA,CAEL"}

package/dist/src/components/Input.d.mts

@@ -1,20 +1,19 @@
-import { VariantProps } from "class-variance-authority";
 import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/Input.d.ts
 /**
  * The shape both fields wear, so a single-line and a multi-line field in the
  * same form agree on their well, their type ramp, and their invalid state.
  * Textarea builds on it rather than restating it.
  */
-declare const fieldVariants: (props?: ({
+export declare const fieldVariants: (props?: ({
   variant?: "bare" | "default" | null | undefined;
   size?: "lg" | "md" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;
-type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;
-interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}
+export type FieldVariant = NonNullable<VariantProps<typeof fieldVariants>['variant']>;
+export type FieldSize = NonNullable<VariantProps<typeof fieldVariants>['size']>;
+export interface InputProps extends Omit<ComponentProps<'input'>, 'size'>, VariantProps<typeof fieldVariants> {}
 /** The one text field: deep well, quiet border, accent border on focus, red edge when invalid. */
-declare function Input({ className, type, variant, size, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ className, type, variant, size, ...props }: InputProps): import("react").JSX.Element;
 //#endregion
-export { FieldSize, FieldVariant, Input, InputProps, fieldVariants };
 //# sourceMappingURL=Input.d.mts.map

package/dist/src/components/Input.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.mts","names":[],"sources":["../../../src/components/Input.tsx"],"mappings":";;;;;;;;cASa,gBAAa;;;6CAwBzB;KAEW,eAAe,YAAY,oBAAoB;KAC/C,YAAY,YAAY,oBAAoB;UAEvC,mBAAmB,KAAK,kCAAkC,oBAAoB;;iBAG/E,QAAQ,WAAW,MAAM,SAAS,SAAS,SAAS,yCAAU,IAAA"}
+{"version":3,"file":"Input.d.mts","names":[],"sources":["../../../src/components/Input.tsx"],"mappings":";;;;;;;;qBAUa,gBAAa;;;6CAwBzB;YAEW,eAAe,YAAY,oBAAoB;YAC/C,YAAY,YAAY,oBAAoB;iBAEvC,mBAAmB,KAAK,kCAAkC,oBAAoB;;wBAG/E,QAAQ,WAAW,MAAM,SAAS,SAAS,SAAS,6BAAU,IAAA"}

package/dist/src/components/Input.mjs

@@ -1,2 +1,2 @@
-import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red`,{variants:{variant:{default:`rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60`,bare:`border-0 bg-transparent`},size:{xs:`px-1.5 py-0.5 text-[10px]`,sm:`px-2 py-1 text-[11px]`,md:`px-2.5 py-1.5 text-[12px]`,lg:`px-3 py-2 text-[13px]`}},compoundVariants:[{variant:`bare`,class:`p-0`}],defaultVariants:{variant:`default`,size:`md`}});function i({className:n,type:i,variant:a,size:o,...s}){return t(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e(r({variant:a,size:o}),n),...s})}export{i as Input,r as fieldVariants};
+import{cn as e}from"../lib/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`min-w-0 font-mono text-doom-hi outline-none placeholder:text-doom-faint disabled:opacity-50 aria-invalid:border-doom-edge-red aria-invalid:text-doom-red`,{variants:{variant:{default:`rounded border border-doom-border bg-doom-deep transition-colors focus:border-doom-blue/60`,bare:`border-0 bg-transparent`},size:{xs:`px-1.5 py-0.5 text-2xs`,sm:`px-2 py-1 text-xs`,md:`px-2.5 py-1.5 text-sm`,lg:`px-3 py-2 text-base`}},compoundVariants:[{variant:`bare`,class:`p-0`}],defaultVariants:{variant:`default`,size:`md`}});function i({className:n,type:i,variant:a,size:o,...s}){return/* @__PURE__ */ t(`input`,{type:i??`text`,"data-slot":`input`,spellCheck:!1,className:e(r({variant:a,size:o}),n),...s})}export{i as Input,r as fieldVariants};
 //# sourceMappingURL=Input.mjs.map